CSS需关注的问题

一、CSS命名规范

1、文件命名规范：

全局样式：global.css

框架布局：layout.css

字体样式：font.css

链接样式：link.css

打印样式：print.css

2、常用CLASS/ID命名规范

页眉：header 

内容：content

容器：container

页脚：footer

版权：copyright

导航：menu

主导航：mainmenu

子导航：submenu

标志：logo

标语：banner

标题：title

......

 

二、处理浏览器bug问题

1、IE边框若显若无须注意，定是高度设置已忘记；

2、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然县其中；

2、三像素文本慢移不必慌，高层设置帮你忙；

4、兼容各个浏览需注意，默认设置行高可能是杀手；

5、独立清除浮动须铭记，行高设无高设零，设计效果兼浏览；

6、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽兼容好，友好引擎喜欢迎。

 

三、所有标签皆有缘

        只是默认各不同，span是无极，无极生两仪——内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理多练习，万物皆规律。

 

四、图片连接排版须小心

        图片链接文字链接若对齐，padding和vertical-align：middle要设定，虽差微细倒无妨。

 

五、IE浮动双边距

      请用display：inline。

 

六、列表横向排版

    列表代码须紧靠，容隙自消须铭记。