一 关于!DOCTYPE声明

1）!DOCTYPE声明必须写在HTML文档开头第一行，写在html标签之前

2）!DOCTYPE声明不是html标签，而是指示web浏览器关于页面使用的是哪个版本的html进行编写的指令

3）HTML4.01中，!DOCTYPE声明引用DTD，因为HTML4.01基于SGML，DTD规定标记语言的规则，这样浏览器才能正确的呈现内容，HTML5不基于SGML，所以不需要引用DTD

二 关于文本设置

1）text-indent 首行缩进 （比如文章开头空两格，即两个字的大小） 若字体大小不一致，则 一般使用的em

2）letter-spacing 与word-spacing的区别

letter-spacing是字母之间的间隔，不管是汉字，字母，还是数字 特殊字元都可以识别

word-spacing是单词之间的间隔，必须识别空格才可以

3）white-space :nowrap 强制不换行

一般来说，当文字超出div的宽度时，文字会自动换行，如果不想换行就用white-space:nowrap;

4）text-overflow:ellipsis 很多文字，一行显示不下，用省略号显示

5）word-wrap:break-word 允许长单词或url地址换行到下一行

6）word-break:normal 让浏览器实现在任意位置的换行

三 块级元素与内联元素（即行内元素）的区别

块级元素：1 比较霸道，总是独占一行 ；2 可以设置宽高，如果没有设置宽度，则会占据整个浏览器的宽度，与内容无关；3可以容纳内联元素和其他元素；4 css的padding margin都可以设置

内联元素：1 会和其他的内联元素在同一行上；2 不可以设置宽高，宽高与内容有关 ；3 margin的上下不可以设置

四 关于浮动

浮动清除的方法：

1）给父级元素加高度或者加overflow:hidden（扩展性不好）

2）比较常用的方法：使用伪类

eg:<div class="box clearfix">

<div class="item"></div>

</div>

.clearfix{*zoom:1;} //兼容ie6的写法

.clearfix:after{content: "";display: block;clear: both;}

.box{border:1px solid red;}

.item{width: 200px;height: 200px;background-color: red;float: left;}

推荐阅读：

相关文章