Css语法:
选择符{属性,属性值}
选择符:就是给标签起名字
(一)类型选择符(标签选择符)
所有的html标签可以当作选择符应用
特点:能选中当前结构中里面全部同名标签
应用:想统一某一个标签样式的时候h或者清楚某个标签样式的时候
(二)id选择符。相当于人的身份证号
语法:
起名字: <标签 id="名称"></标签>
用名字写样式: #名称{属性:属性值}
特点:唯一性:在同一网页里面,一个id只能用一次。
应用:来划分网页的外部结构。
起名•规范:
尽量小写字母开头。
数组、字母、下划线、连字符的组合。
不能使用关键字命名(所有的标签都属于关键字)
起名方法:
1.驼峰式命名法:
news-Left news-Right
2.连字符命名法:
news-left news-center news-right
3.下划线命名法:
news_left news_center news_right
(三)类选择符(class选择符)
类名处 编辑需用.class
语法:
其名称: <标签 class=名称1 名称2 名称3 名称4 ></标签>
用类名写样式: . 名称{属性:属性值}
起名•规范:
尽量小写字母开头。
数组、字母、下划线、连字符的组合。
不能使用关键字命名(所有的标签都属于关键字)
最开始需要命名 然后再开始
起名方法:
1.驼峰式命名法:
news-Left news-Right
2.连字符命名法:
news-left news-center news-right
3.下划线命名法:
news_left news_center news_right
特点:
A. 一个元素有多个类名,类名可以重复出现
b.可以制定一类样式
(四):群组选择符
语法:以逗号分隔开的方式,将多个选择符组成一组,给整体加样式。
选择符1,选择符2,选择符3,选择符4{属性:属性位; }
eg :
#box, .con,h3 , #wrap{ 300px ;}
(五)包含选择符 (子代选择符/后代选择符)
语法:父元素 子元素(空格•链接) {属性:属性值;}
(六)伪类选择器(同时存在时不能改变顺序)
a:link {color: red;} /未访问的链接状态/
a:visited {color: green; } /已访问的链按状态/
a:hover {color: blue; } /鼠标滑过链按状态/
a:active {color: yellow; } /鼠标按下去时的状态/
伪类选择器经典操作:
a{
color:red;
}
a:hover{
color:yellow;
}
注意:a为四种状态统一
且给谁hover就改变谁。
(七)通配符
*{}
*选择页面中所有的元素!
*{
margin:0;盒子外面间距为零
padding:0;盒子
}
去除默认样式,重置样式