第四天学习

一、权重关系
样式表的权重关系
内联样式表的权重最大！
内部和外部样式的权重，和书写的前后顺序有关！
（放在后面的会把放在前面的样式覆盖掉）
网页的布局：
先做上下排版 再做左右排版 从外往里

二、css语法：
选择符{属性：属性值；}
选择符：选择符就是给标签起名字
类型选择符（标签选择符）
所有的html标签可以直接当做选择符进行应用
div\p\em\i\b\strong…
特点：能选中当前结构里面全部同名标签
应用：想统一某一个标签样式的时候或者是清除某个标签
默认样式的时候
三、id选择符 相当于身份证号
语法： 起名字：<标签id=“名称”></标签>
用名字写样式： #名称{属性：属性值}
特点：唯一性！在同一个页面里面，一个id名只能用一次。
应用：来划分网页外围结构
类选择符（class选择符）
语法：其名称： <标签class=“名称1 名称2 名称3名称4…”></标签>
用类名写样式 .名称{属性：属性值；}
特点： a：一个元素可以有很多个类名，类名可以重复出现
b：可以制定一类样式
群组选择符： 语法：
以逗号分隔的方式，把多个选择器组成一组，给整组添加样式。
选择符1，选择符2，选择符3，选择符4{属性：属性值；}
eg： #box，.con，h3，#wrap{width：300px；}
包含选择符（子代选择器\后代选择符） （通过父元素找子元素）
语法： 父元素 子元素 {属性：属性值；}
伪类选择器：
a：link{color:red;} /未访问的链接状态/
a：visited{color：green;} /已访问的链接状态/
a:hover{color:blue;} /鼠标滑过链接状态/
a:active{color:yellow;}/鼠标按下去时的状态/
通配符： *{ }
*选择页面中所有的元素！
*{ margin：0； 盒子外围间距清零
padding：0； 盒子内部的距离清零 }
起名方法：
1、驼峰式命名法： newsletf newsright
2、连字符命名： news-left news-right news-center
3、下划线命名： news_left news_right news_center
起名规范：尽量小写字母开头。
数组、字母、下划线、连字符的组合
不能使用关键字命名（所有的标签和属性都属于关键字）
命名尽量反应板块内容、或者反应结构（语文化）
可以是拼音，但是不能出现汉字和特殊字符
学习了四天了，真的感觉不学习就像是跟世界脱轨了一样。
总结就是别再该努力的年纪徘徊不前。