html5布局之路怎样,HTML5布局之路 整体布局

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当中。