css三种选择器

时间：2023-01-13 20:17:27
标签选择器
标签选择器其实就是html代码中的标签。如<html>、<body>、<h1>、<p>、<img>。例如下面代码：


p{font-size:12px;line-height:1.6em;}
上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。


类选择器
类选择器在css样式编码中是最常用到的


语法：


.类选器名称{css样式代码;}
注意：


1、英文圆点开头


2、其中类选器名称可以任意起名（但不要起中文）


使用方法：


第一步：使用合适的标签把要修饰的内容标记起来，如下：


<span>胆小如鼠</span>
第二步：使用class="类选择器名称"为标签设置一个类，如下：


<span class="stress">胆小如鼠</span>
第三步：设置类选器css样式，如下：


.stress{color:red;}/*类前面要加入一个英文圆点*/
ID选择器
在很多方面，ID选择器都类似于类选择符，但也有一些重要的区别：


1、为标签设置id="ID名称"，而不是class="类名称"。


2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。



标签：

相关文章