css设计 原则详解完整版

《css设计 原则详解完整版》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、CSS设计的一些原则大原则DIV布局因为表格布局会使浏览器的兼容性产生很大问题，比如在手机，掌上电脑用户浏览表格布局会一片混乱，所以最好使用DIV+CSS的布局，事实上我所有的客户，都是这样要求我的。兼容性对于一个好的CSS设计来说，必须保证所有的主流浏览器都能正常地显示，IE6+，Firefox，Chrome，Opera，Safari，这些浏览器都要支持的。CSSHack还记得!important吧，这个CSSHack一度很流行呀，但是好的设计者，最好不要使用CSSHack技术，因为不同浏览器下Hack都不一样，说不定

2、某次浏览器的升级使得你使用的Hack无效了呢。目前流行的做法是，给IE，尤其是IE6单独做个CSS文件就好了，用新CSS覆盖掉老的，虽然有冗余，但是要比CSSHack可读性好，也更容易修改。Html代码1页面头部设计一个页面在设计的时候，设计者就要想到，正确添加头部信息，保证所有必要的头部信息都存在，有些是W

3、3C标准所要求的，有些是SEO所需要的，下面就是一个典型的页面的头部设计。Html代码4567

4、ntent="text/html;charset=utf-8"/>89101234567

5、etaname="robots"content="follow,all"/>8910111415161718192021小细节使用px设置字体大小因为不容浏览器兼容性的原因，尽量使用px来设置字体大小，当然在IE下px是不支持字体缩放的，如果非要缩放不可，那可以使用em。不要在div中直接包含文字最好是使用h1,h2,h3,p这些标签来标示文字，div中最好不要直接包含文字。使用小写字母书写标签因为XML对大小写敏感

7、，所以XHTML对大小写也是敏感的，所有的XHTML元素和属性都要用小写字母书写，否则你的文档将是无效的，无法通过W3C标准的验证。在HTML中的文字尽量使用小写字母一般来说，数据和表现要分离，所以在HTML中尽量不要使用大写字母，尤其是全是大写字母的场合，其实很简单，一句CSS就可以把所有的字母变成大写。Css代码1text-transform:uppercase;使用标准字体中文的标准字体就简单了，宋体，英文的标准字体则是Arial和Helvetica等，一般来说在CSS中写上一行，就可以解决字体问题了。Css代码2

8、font-family:Arial,Helvetica,sans-serif;良好的编写风格其实CSS也可以理解为编程的一种，好的编写风格也是需要的，紧凑，注释，易于理解，都是必不可少的。