当前位置: 网站建设 > 网页设计 > 建站经验 >

浅谈CSS样式优化心得技巧

时间:2013-03-02 04:06来源:未知 作者:admin 点击:

标签:浅谈CSS样式优化心得技巧 好比(2)心得技巧(1)C(23)样式(83)CSS(655)a.class(1)浅谈(48)优化(50)
好比a.class,CSS Lint会倡议你直接使用.class,假如使用了a.class,会警告 --> [网站建设之]浅谈CSS样式优化心得技巧 1.width:100% 4.避免过多的浮动,当浮动次数超过十次时,会显示警告 CSS Lint,lint是线头的意思,大略意思就是说要找出咱们写的css代码里的一些线头,help you code better! 1.不要使用多个class取舍元素,如a.foo.boo,这在ie6及以下不能准确解析 Tag: CSS款式 优化 心得技能 CSS样式 优化
浅谈CSS样式优化心得技巧》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302343552013.htm

好比a.class,CSS Lint会倡议你直接使用.class,假如使用了a.class,会警告

--> [网站建设之]浅谈CSS样式优化心得技巧

1.width:100%

4.避免过多的浮动,当浮动次数超过十次时,会显示警告

CSS Lint,lint是线头的意思,大略意思就是说要找出咱们写的css代码里的一些线头,help you code better!

1.不要使用多个class取舍元素,如a.foo.boo,这在ie6及以下不能准确解析

Tag:   CSS款式   优化   心得技能     CSS样式   优化   心得技巧  

3,浅谈CSS3中使用多背景.过剩的标签

我测试了最近名目中的两个css文件,警告重要呈现在以下方面:

比方display:inline与float一起使用时,会忠告

8.题目元素只定义一次

6.避免使用过多web字体,当使用超过五次时,显示警告

看到这里,浅谈4项基本的WEB设计错误,兴许你会说这一款检测工具还不够成熟,确实,它的解析错误检测,空规则检测,属性值为0带单位的检测挺不错,其余的可能有一点差能人意, 但它的检测规则始终在一直丰盛和完美中,同时你也能够提交规则,并且最主要的是,当初,你已经可以本人设置,关掉一些不须要的规则

2.盒模型错误

5.避免使用过多的字号,当字号申明超过十种时,显示警告

例如.foo{-moz-border-radius:5px;border-radius:5px}

这个时候,CSS Lint就会显得好用良多。

CSS Lint的检测规则包含错误的和警告,入选择器或属性书写不正确、遗漏了大括号、多写了分号等时,会提示解析错误,解析毛病优先提醒。为了让css代码领有更好机能,更尺度,CSS Lint还默认有如下规则:

似乎width和height不能与padding跟border同时使用,浅议怎样提升网站粘性度 做好内容是关键,为什么会这样呢?很怪异

13.遵照盒模型规矩

3.正确的使用显示属性,如display:inline不要和width,浅议中国社交网络应用与SEO发展方向,height,float,margin,padding同时使用,display:inline-block不要和float同时使用等

2.移除空的css规则,如a{}

在实际项目中许多规则还不是很公道,比如避免IE6的双倍边距bug有时候要用到display:inline;

12.防止应用看起来像正则表白式的css3抉择器

9.使用width:100%时要警惕

11.各阅读器专属的css属性要有标准,

7.避免使用id作为样式挑选器

4.显示属性过错

假以时日,我信任CSS Lint会越来越强盛的,浅解伪静态在phpWind中的应用。More and more Strong, Smart and Useful!

当宽度设置为100%的时候,CSS Lint会给出警告

10.属性值为0时不要写单位


(责任编辑:网站建设)
浅谈CSS样式优化心得技巧相关文章
上一篇:浅谈CSS3中使用多背景 下一篇:浅谈CSS样式表错误排查方法
回到顶部