0x00 链接伪类选择器
链接伪类选择器一定要严格按照LVHA的顺序声明。否则可能无法生效，:link; :visited; :hover; :active;
因为a有默认样式，最好项目中给a单独指定样式
0x01 元素显示模式
块元素
块元素独占一行
可以设置宽度高度内外边距
宽度默认为父元素的100%
是一个盒子，里面可以放行内或块级元素
另外，文字类元素里不能使用块级元素
行内元素（内联元素）
相邻行内元素在一行上，一行可以显示多个
宽和高的设置无效
默认宽度就是元素内容本身的高度
行内元素只能容纳行内元素和文本
行内块元素
有些标签既是行内元素又是块元素，所以称他们为行内块元素<img> <input><td>
和相邻行内元素在一行上，但是他们之间会有空白间隙，一行可以显示多个
默认宽度就是他本身内容的宽度
高度，行高，外边距和内边距都可以控制
0x02 background
background-color的默认值为transparent；
background-position可以控制背景图片在盒子中的位置，参数可以使用方向单位或者精确单位
bgp用来设置背景图片位置，因为控制位置很方便，因此在定位要求麻烦的图标等部件使用时经常使用
background-attachment用来设置图片的固定，值为fixed或者scroll，做视差滚动效果经常使用这个属性
0x03 css三大特性
层叠性
当一个元素的一个属性有两个不同的样式设置时，后加载的样式会将前面加载的样式覆盖
继承性
子标签和继承父标签的部分属性，大致是跟文字相关的属性会继承
行高的继承可以不写单位，若不写单位，则按照倍数的继承，比如font:12px/1.5 Microsoft YaHei,就是子元素font-size=18px
优先级
若选择器相同，则执行层叠性；
若选择器不同，则执行选择器权重
复合选择器会有权重叠加的问题，注意计算权重
<body>
<div class="div">
<p class="p">P</p>
<p>P</p>
<p>P</p>
<p>P</p>
<p>P</p>
<p>P</p>
</div>
</body>
<style>
.div p {
color: red;
}
.p {
color: aqua;
}
</style>注意这里第一个P颜色为红色，这是最容易犯错的地方
扫一扫
203
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
