css选择符归纳—选择符就是给标签起名称

  

三个基本选择符：1、类型选择符（标签选择符）
2、id选择符
3、class选择符

1：类型选择符（标签选择符）:所有的html标签可以直接当做选择符应用。
例：div/p/em/b/strong......
特点：能选中当前结构里面全部同名标签。
应用:想统一某一个标签样式的时候，或清除某个标签样式的时候。

2：id选择器（类似身份证号）
语法：<标签 id=“名称”></标签>
用名字写样式：#名称{属性：属性值；}
特点：唯一性。在同一个页面里，id名只能用一次。
应用：划分网页外围结构。
起名字规范：1、尽量小写字母开头，数组、字母、下划线、连字符的组合。
2、不能使用关键字命名（所有的标签和属性都属于关键字。
3、命名尽量反应板块内容、或者反应结构（语义化）。
4、可以是拼音，但是不能出现汉子和特殊字符。

起名方法：1、驼峰式命名法：
newsLeft
newsRight
2、连字符命名：
news-left
news-right
3、下划线命名：
news_left
news_right
注意：划分网页上下布局 写上注释：/* */

3、类选择器(class选择符)
语法:
起名称: <标签class=”名称1 名称2 名称3”></标签>
用类名写样式: .名称{属性值; }
特点:①一个元素可以有多个类名，类名可以重复出现。
②类名可以制定一类样式。

4、群组选择符
语法:以逗号分隔的方式，把多个选择器组成一组，给整组添加样式。
例:选择符1，选择符2，选择符3,选择符4{属性：属性值}
#box,.con,h3,#wra p{width：300px;}

5：包含选择符（子代选择器/后代选择符） （通过父元素找子元素）
语法： 父元素 子元素{属性：属性值；}
六：伪类选择器：
a；link{color：red} /*未访问的链接状态*/
a：visited {color: green;} /* 已访问的链接状态 */
a：hover{color：blue；} /* 鼠标滑过链接状态 */
a：active{color：yellow；} /* 鼠标按下去时的状态 */
伪类常用方法：a{color：red；}a：hover：{yellow；}

七：通配符
*{margin：0；盒子外围间距清零 padding：0 盒子内部的间距清零}