页面制作中一些技术、技巧和工具的总结(一)

?

一、css中一些技术、技巧

1.Reset CSS

知道Reset CSS是什么吗?通常情况下,它也被写成CSS Reset,即重设浏览器的样式。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小。但并不是所有的浏览器都使用一样的数值,所以,有了CSS Reset,以让网页的样式在各浏览器中表现一致。前端开发工作中有一款好的、统一的Css Reset将提高开发效率,提高样式代码的重用,减少重复代码,减少维护成本。网上有很多Reset CSS。(转载请注明出处:WEB前端开发 https://www.html.cn/)
大家可以看看这里:https://www.html.cn/archives/541 https://www.html.cn/archives/614

2.CSS Sprites
利用CSS Sprites能很好地减少了网页的http请求,从而大大的提高了页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;个人认为能CSS Sprites能减少图片的字节,我曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和,原因在于每张图片都有额外的图片信息隐藏在图片中,这样多张图片合并,就能节省些字节;
大家可以看看这里:https://www.html.cn/archives/756

3.CSS 选择器
选择器,或者选择符,selector,是构建整个CSS的基础。CSS 选择器能使我们很好的将样式归类。减少样式的耦合,进行区块话管理,如果能实现前端页面的模块化开发,那么CSS 选择器也就更有用武之地了。(转载请注明出处:WEB前端开发 https://www.html.cn/)
例如:
.news{…}
.news h3{…}
.news ui li{….}
这样就很容易维护这个news区块;

大家可以看看这里:https://www.html.cn/archives/1635

4.CSS 渲染效率
CSS渲染规则是:在一条css中,css选择器是从最右边开始之后依次向左移动的,直到它不匹配CSS规则或匹配错误;所以我们的工作重点应该放在最右侧的CSS选择器来匹配大量的页面的元素。(转载请注明出处:WEB前端开发 https://www.html.cn/)

大家可以看看这里:https://www.html.cn/archives/1472

5.haslayout
IE6下bug很多源于haslayout;haslayout 是一个非常有必要彻底弄清除的概念;
大家可以看看:https://www.html.cn/archives/tag/haslayout

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 页面制作中一些技术、技巧和工具的总结(一)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏