列表总结
CSS字体属性总结
CSS文本属性总结
链接伪类选择器
复合选择器总结
元素显示模式总结
背景图平铺
背景位置
背景图像固定
背景属性的符合写法
背景总结
选择器优先级
内边距
内边距简写
盒子阴影
浮动特性(重难点)
设置了浮动(float)的元素最重要特性:
1,脱离标准通流的控制(浮)移动到指定位置(动),(俗称托标)
2,浮动的盒子不再保留原先的位置
浮动特性
清除浮动
为什么需要清除浮动,由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为0时,就会影响下面的标准流盒子。
清除浮动的总结
CSS属性书写顺序
头部制作
导航栏注意点:
实际开发中,我们不会直接用链接a而是用li,包含链接(li+a)的做法。
定位组成
定位:将盒子在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。
定位=定位模式+边移动。
定位模式用于指定一个元素在文档中定位方式。边偏移则决定了该元素的最终位置。
子绝父相的由来
1,子级绝对定位,不会占有位置,可以放到父盒子里面的任何一个地方,不会影响其他的兄弟盒子。
2,父盒子需要假定位限制子盒子在父盒子内显示。
3,父盒子布局时,需要占有位置,因此父亲只能是相对定位。
总结:因为父级需要占有位置,因此是相对定位,子盒子不需要占有位置,这是绝对定位。
固定定位
粘性定位
定位总结
网页布局总结
元素的显示与隐藏
鼠标样式
vretical-align解决文字底部空白问题,主要原因是行内块元素会和文字的基线对齐。
vretical-align属性可以垂直居中middle
vertical-align有三个值middle,top,bottom等