1.样式表的权重
权重关系:内联样式表权重最大
外部和内部样式表权重,和书写的前后顺序有关,放在后面的会把前面的覆盖掉,覆盖的只剩相同属性样式,不同属性样式会继续执行。
关键字:!important 当前声明具有最高权重 (最高 最高 最高)
语法:background:red颜色后面加!important
2.分析多个DIV的区分
网页布局:先做上下排版
再做左右排版
从外往里
3.CSS语法: 选择符{属性:属性值;}
选择符就是给标签起名字。
1.类型选择符(标签选择符)
所有的html标签可以直接当作选择符进行应用。div/p/em/i/b…
特点:能选中当前结构里面全部同名标签。
应用:想统一某一个标签样式的时候或者是清除某个标签默认样式的时 候
2.id选择符(相当于人的身份证号)
语法: 起名字:<标签 id="名称"></标签> <div id="zhu"></div>
用名字写样式: #名称{属性:属性值} #zhu{宽 高 颜色}
特点:唯一性!在同一个页面里面,一个id名只能用一次
应用:来划分网页外围结构 (外围结构 外围结构 外围结构)
起名字规范:尽量用小写字母开头,数字.字母.下划线.连字符的组合。
不能使用关键字命名(所有的标签和属性都是关键字)
命名尽量反应板块内容,或反应板块结构(语义化)
可以是拼音但是不能出现汉字和特殊字符
起名方法:1.驼峰式命名法:newsleft newsright
2.连字符命名:news-left news-right news-center
下划线命名:news_left news_right news_center
3.类选择符(class选择符)
语法:起名称:<标签 class=“名称”></标签>
用类名写样式 .名称{宽 高 颜色}
特点:1.一个元素可以有多个类名,类名可以重复出现
2.可以制定一类样式
4.群组选择符
语法:以逗号分隔的方式,把多个选择器组成一组,给整租添加样式
选择符1,选择符2.选择符3{属性:属性值}
5.包含选择符(通过父元素找子元素)
语法:父元素 子元素{属性:属性值;} 空格
6.伪类选择符:a:link{color:red;} 未访问链接状态
a:visited{color:green;} 已访问链接状态
常用 a:hover{color:blue;} 鼠标滑过状态
a:active{color:yellow;} 鼠标按下状态
伪类常用方法:a{color:red;}
a:hover{color:blue;}
7.通配符 *星号 选择页面中所有元素!
*星号{margin:0; padding:0;} 用CSS必须写