web前端编写注意点

1.
在语义不明显，既可以用 <P> 也可以用 <div> 的地方，尽量用 <P> ，因为 <P> 默认情况下有上下间隔，去样式后的可读性更好，对兼容特殊终端有利；

2.
如果漏写 DTD 声明， Firefox 仍然会按照标准样式来解析网页，但在 IE 中（包括 IE6、IE7、IE8）就会触发怪异模式；

3.
少使用子选择器，就需要多添加 class ； 

4.
CSS Sprite “图片翻转技术” —— 将多张图片合并为一张，然后利用 background-position 属性来展示需要的部分. 是否使用 CSS Sprite 主要取决于网站流量；

5.
块级元素： div、p、form、ul、ol、li  
行内元素： span、strong、em
块级元素会独占一行，默认情况下，其宽度自动填满其父元素宽度；
行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不
下，才会换行，其宽度随元素的内容而变化； 

6.
块级元素可以设置 width、height 属性；
行内元素设置 width、height 属性无效；

7.
块级元素可以设置 margin 和 padding 属性。
行内元素只有水平方向的 margin 和 padding 产生边距效果； 

8.
块级元素和行内元素的 CSS 相关属性是 display ，其中块级元素对应于 
display : block ，行内元素对应于 display : inline。 可以通过修改 display 
属性来切换块级元素和行内元素；

9.
CSS中有一个用于竖直居中的属性 vertical-align ，但只有当父元素为 
<td> 或 <th> 时，这个 vertial-align 属性才会生效；
<td> 标签默认情况下就隐式地设置了 vertical-align 的值为 middle ； 

转载于:https://www.cnblogs.com/qitiandandan/p/5659105.html