最近在学习自己设计一个简洁的wordpress企业主题,所以下了一点功夫学习CSS,现在公司的主题已经搭好了,请看www.ni818.com,非常简洁的主题,但是已经足够,是我喜欢的类型。经过学习CSS布局我有一点心得,现在分享给大家。
1、对于布局要使用DIV+CSS,使页面中的结构与表现完全分离,结构位于html文件中,表现位于css文件中
2、对于要显示数据,特别是表格的列表形状数据的地方可以使用表格,此时用DIV可能更不好.
3、CSS里多使用Class少使用id(对于特定元素可以使用ID)
4.对于门户型(163.com),访问量大的地方(比如首页)CSS直接写在页面上(JS脚本也如此),而不是包含一个CSS文件。
5.对于CSS文件的大小要控制,不能太大.可以对页面进行分类,来选择要包含的.CSS文件.
6.DIV布局,宽度如果设置了百分比而不是绝对值,那要考虑页面被人为变小的时候,布局是否会发生混乱.
7.DIV布局要考虑浏览器兼容的问题,要保证主流浏览器都支持,比如ie6和firefox