精简css样式代码

html-css015

精简css样式代码,第1张

1 .div:{height:auto,width:auto}任何块状元素的高度默认都是auto

2 .正确使用方法

3 .div{matgin:auto}

4 .textarea{overflow:auto}

5 .img,input,button{vertial-align:baseline}

6 .div{background-position:0 0}

1 .clear:both。前后没有直接的浮动元素,没有必要使用

2 .inline元素不起作用的单样式:height,width,clear,margin-top,margin-bottom,overflow

3 .block水平的元素对vertical-align属性没有作用

4 .组合起作用的元素:z-index+position left,top,bottom,right+position

5 .

cssdiv的优势:

1、能够使代码精简。

使用cssdiv布局使代码变得精简,css文件可以在网站的任意一个页面进行调用,避免了使用table表格修改部分页面。

2、提升网页访问速度。

cssdiv布局较传统的Table布局比较,减少了许多代码,浏览访问速度得以提升,从而提升网站的用户体验度。

3、有利于优化。

采用cssdiv布局的网站对于搜索引擎很有帮助,简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。