1.div是一个块元素，块元素默认占据腹肌元素的宽度，由内容撑开高度。
2.外部引入css的时候，可以在第一行加入：
@charset"UTF-8"
3.css的引入：
行内：特殊情况
内部：大型网站的首页，写在头部
外部引入：小型网站
4.css优先级：范围越大，优先级越小
行内 》id 》类 》 标签
5.id一般给js操作用，类名多单词建议用-连接，id用小驼峰
6.样式书写顺序：
显示样式（浮动，定位，展示方式，超出状态以及可视化）
自身样式（宽度高度等）
文本样式
css新样式
7.margin特殊应用：对于有高度的块元素，水平设为auto居中 。
8.当两个快元素均设置纵向外边距的时候，第一个元素的下外边距会和第二个元素的上外边距可能会重合。
9.父子之间用padding，兄弟之间用margin会减少代码量。
10.边框是从两个角，45度延伸，最后两条线的延伸线会交叉成一点。
11.浮动的原因：既能设置宽高，又能够跟其他元素处于同一行。
12.左浮动，从右下开始，右浮动从左下开始，左右浮动互不影响。
13.浮动影响父级高度元素，脱离文档流，影响兄弟元素布局。
14.清理浮动：
a.为接下来的兄弟元素设置clear样式，当下一个元素有顶外边距的时候，设置完clear会它失效，可以让上方的设置下外边距。
b.为当前浮动元素的父级元素添加after伪元素清除浮动：
.clearfix:after {
content: '\200B'， /* 内容，伪元素没有内容不会显示，它是一个零宽度的空格*/
clear: both;
display: block;
height: 0;
}
.clearfix {
* zoom: 1;
}
它可以写入样式重置的css当中。
网友评论