《CSS设计 原则详解完整版.doc》由会员分享,可在线阅读,更多相关《CSS设计 原则详解完整版.doc(3页珍藏版)》请在金锄头文库上搜索。
1、CSS设计的一些原则大原则DIV布局因为表格布局会使浏览器的兼容性产生很大问题,比如在手机,掌上电脑用户浏览表格布局会一片混乱,所以最好使用DIV+CSS的布局,事实上我所有的客户,都是这样要求我的。兼容性对于一个好的CSS设计来说,必须保证所有的主流浏览器都能正常地显示,IE6+,Firefox,Chrome,Opera,Safari,这些浏览器都要支持的。CSS Hack还记得 !important 吧,这个 CSS Hack 一度很流行呀,但是好的设计者,最好不要使用 CSS Hack 技术,因为不同浏览器下Hack都不一样,说不定某次浏览器的升级使得你使用的Hack无效了呢。目前流行的
2、做法是,给IE,尤其是IE6单独做个CSS文件就好了,用新CSS覆盖掉老的,虽然有冗余,但是要比CSS Hack可读性好,也更容易修改。 Html代码 1 2 3 页面头部设计一个页面在设计的时候,设计者就要想到,正确添加头部信息,保证所有必要的头部信息都存在,有些是W3C标准所要求的,有些是SEO所需要的,下面就是一个典型的页面的头部设计。 Html代码 4 5 6 7 8 9 Title 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 小细节使用px设置字体大小因为不容浏览器兼容性的原因,尽量使用px来设置
3、字体大小,当然在IE下px是不支持字体缩放的,如果非要缩放不可,那可以使用em。不要在div中直接包含文字最好是使用h1,h2,h3,p这些标签来标示文字,div中最好不要直接包含文字。使用小写字母书写标签因为XML对大小写敏感,所以XHTML对大小写也是敏感的,所有的XHTML元素和属性都要用小写字母书写,否则你的文档将是无效的,无法通过W3C标准的验证。在HTML中的文字尽量使用小写字母一般来说,数据和表现要分离,所以在HTML中尽量不要使用大写字母,尤其是全是大写字母的场合,其实很简单,一句CSS就可以把所有的字母变成大写。 Css代码 32 text-transform:uppercase; 使用标准字体中文的标准字体就简单了,宋体,英文的标准字体则是Arial和Helvetica等,一般来说在CSS中写上一行,就可以解决字体问题了。 Css代码 33 font-family:Arial, Helvetica, sans-serif; 良好的编写风格其实CSS也可以理解为编程的一种,好的编写风格也是需要的,紧凑,注释,易于理解,都是必不可少的。