Html+CSS学习笔记

列表总结

CSS字体属性总结

CSS文本属性总结

链接伪类选择器

复合选择器总结

元素显示模式总结

背景图平铺

背景位置

背景图像固定

背景属性的符合写法

背景总结

选择器优先级

内边距

内边距简写

盒子阴影

浮动特性（重难点）

设置了浮动（float）的元素最重要特性：

1，脱离标准通流的控制（浮）移动到指定位置（动），（俗称托标）

2，浮动的盒子不再保留原先的位置

浮动特性

清除浮动

为什么需要清除浮动，由于父级盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为0时，就会影响下面的标准流盒子。

清除浮动的总结

CSS属性书写顺序

头部制作

导航栏注意点：

实际开发中，我们不会直接用链接a而是用li，包含链接（li+a）的做法。

定位组成

定位：将盒子在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。

定位=定位模式+边移动。

定位模式用于指定一个元素在文档中定位方式。边偏移则决定了该元素的最终位置。

子绝父相的由来

1，子级绝对定位，不会占有位置，可以放到父盒子里面的任何一个地方，不会影响其他的兄弟盒子。

2，父盒子需要假定位限制子盒子在父盒子内显示。

3，父盒子布局时，需要占有位置，因此父亲只能是相对定位。

总结：因为父级需要占有位置，因此是相对定位，子盒子不需要占有位置，这是绝对定位。

固定定位

粘性定位

定位总结

网页布局总结

元素的显示与隐藏

鼠标样式

vretical-align解决文字底部空白问题，主要原因是行内块元素会和文字的基线对齐。

vretical-align属性可以垂直居中middle

vertical-align有三个值middle,top,bottom等

溢出的文字省略号显示