专注于网站建设和搭建网络营销体系
商视互联,北京做网站公司
北京做网站,商视互联 您的位置:网站首页 > 商视动态 > 网页设计 > 正文
DIV+CSS需要注意到的常识
作者:商视互联   来源:北京网络公司   日期:2012/10/25 20:34:29   热度:℃   [ 标签:网页设计 ]
1、不要使用过小的?#35745;?#20570;背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的?#35745;?#24179;铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。 
  2、无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。 
  3、慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。 
  4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写,这才知道,原来不是推荐的写法,为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣,?#20889;?#20180;细考证。 
  5、样式放头上,脚本放脚下。不内嵌,只外链。 
  6、坚决不用 CSS 表达式。 
  7、使用 引用样式表,而不是通过 @import 导入。 
  8、一般来说,PNG 比 GIF 要小,小得多。再者,GIF 中有多少颜色是被浪费的,很?#26723;?#20248;化。 
  9、千万不要在 HTML 中缩放?#35745;?#19968;者不好看,二者占资源。 
  10、正文字体最好用偶数,12px、14px、16px,效果非常好。特例,15px。 
  11、block、ul、ol 等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。 
  12、段落之间,至少要有一倍行距。 
  13、强行指定某些元素的 line-height,正文 1.6 倍于文字大小,标题 1.3 倍。 
  14、中文标点用全角。英文夹杂在中文中,左右空格,半角。 
  15、中文字体的粗体和斜体,远离较好,利民利己。
      16、 CSS网页布局应该避免滥用div元素一直是我们倡导的,以合适的HTML标签组织文档是CSS网页布局的基础。
  页面中div与span元素的使用是一个新问题,我们也容易过多的使用它们。必要及合理的使用div可以明显的增强文档的结构性。
  如果你审视你的HTML文档,发现有着很多的div与span,那你就得换一个眼光来?#27425;?#39064;了,是不是存在滥用的情况?
  是不是还有更好的标记来替代它们?若h1可以更好的表示所标记的内容,那你就得放弃p或span来定义。
  或许这是一对矛盾,我们本身也较难把握该如何正确的使用它们,?#19981;?#35768;我们根本就得不到一个明确的答案。
  但有一点需要阐明,我们应该使文档在逻辑上具有清晰的结构,而且更加容易应用样式。
  我们可以将div仅看着是一个容器,或者叫做文档的组成“部分”。
  我们使用太多的容器,并不是一个明智的模式。
  而恰到好处居于合理位置的容器,可以让整个文档显的很有条理。


本文网址:
更多

切尔西欧联夺冠整容
口袋棋牌 亿贝平台手机客户端 三公棋牌游戏下载 精准3肖6码期期免费长期公开 真人炸金花赢微信支付 6码倍投十期计划表 北京pk10走势 分分快三大小单双计划 天津时时彩开奖结果 全天北京pk10计划稳定版 期期精准三肖六码 北京pk10最新历史记录 绝对四码100准 无神计划pk10滚雪球 无错六肖王财神 516棋牌游戏中心