1:内联样式表的权重最大
2:内部和外部样式表的权重,和书写的前后顺序有关
放在后面的样式 会把放在前面的样式覆盖掉
imp
网页布局:
先做上下排版
在做左右排版
从外往里
ort
css语法:
选择符{属性:属性值}
选择符:选择符就是给标签起名字。
1:类型选择符(标签选择符)
所有的html标签可以直接当做选择符进行应用
特点:能选中当前结构里面所有同名标签
应用:相统一某一个标签样式的时候或者清除某个标签默认样式的时候
2:id 选择符-> 相当于人的身份证号
语法:
起名字: <标签 id="名称"></标签>
用名字写样式:#名称{属性:属性值;}
特点:唯一性!在同一个页面里面,一个id名只能用一次。
应用:来划分网页外围结构
3:类选择符(class选择符)
语法:
其名称: <标签="名称"></标签>
用类名写样式 .名称{属性:属性值;}
特点:一个元素可以有多个类名,类名可以重复出现
可以制定一类样式
4:群组选择器:
语法以逗号分隔的方式,可把多个选择器组成一组,给整组添加样式。
选择器1,选择器2,选择器3,选择器4{属性:属性值;}
eg:#box,.com,h3,#wrap{width:;300px;}
5:包含选择符(子代选择器/后代选择器) (通过父元素找子元素)
语法:
父元素子元素{属性:属性值;}
6:伪类选择器:
a:link{color:red;} 未访问的链接状态
a:visited{color:green;} 已访问的链接状态
a:hover{color:blue;} 鼠标滑过链接状态
a:active{color:yellow;} 鼠标暧昧下去是的状态
7:通配符
*{}
*选择页面中所有的元素!
*{
margin:0; 盒子外围间距清零
padding:0; 盒子内部的距离清零
}
起名规范:
尽量小写字母开头。
数字,字母,下划线,连字符的组合。
不能使用关键名字(所有的标签和属性斗数以关键字)
命名尽量反应板块内容,或者反应结构
可以是拼音,但是不能出现汉子和特殊字符
下划线命名:
news_left news_right news_center