CSS选择符归纳
选择符{ 属性:属性值;}
例:div{width:300px;}
选择符:就是给标签起的名字
一、类型选择符(标签选择符)
所有的html标签可以直接当作选择符进行应用。
(div/p/em/i/b/strong.....)
特点:能选中当前结构里面全部同名标签
应用:想统一某一个标签样式的时候后者是清除某个标签默认样式的时候。
二、id选择符(相当于人的身份证号)
语法:
起名字: <标签 id=“名称”></标签>
用名字写样式: #名称{属性:属性值 }
特点:唯一性!在同一个页面里面,一个id名只能用一次
应用:来划分网页外围结构
三、类选择符(class选择符)
语法:
其名称: <标签 class=“名称1 名称2 。。。”></标签>
用类名写样式: .名称{属性:属性值;}
特点:1、一个元素可以有多个类名,类名可以重复出现
2、可以制定一类样式
四、群组选择符
语法:以逗号的分隔的形式,把多个选择器组成一组,给整组添加样式
选择符1,选择符2,选择符3{属性:属性值;}
五、包含选择符(子选择符/后代选择符)(通过父元素找子元素)
语法:父元素 子元素{属性:属性值;}
六、伪类选择器:
a:link {color: red;} /* 未访问的链接状态 */
b:visited {color: green;} /* 已访问的链接状态 */
c:hover {color: blue;} /* 鼠标滑过链接状态 */
d:active {color: yellow;} /* 鼠标按下去时的状态 */
七、通配符
*{ }
*选择页面中所有的元素
*{margin:0;padding:0;}清除间距