Web开发者不容错过的10段CSS代码
Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。
本文将分享10段非常专业的CSS2/CSS3代码供大家使用,你可以把它们保存在IDE里、或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜。
1. CSS Resets
网络上关于CSS重置的代码非常多。本段代码是根据Eric Meyer’s reset codes进行改编的,里面包含一点响应式图片和所有核心元素的边界框设置,这样就可以保持页边距和填充可以很好地对齐。
2.经典的CSS Clearfix
这个clearfix代码已在Web开发者之间广泛流传,这段类选择器要应用到持有浮动元素的容器中,确保后面的内容都不会浮动,但会被下推和清除。
.clearfix:after {
content
:
"."
;
display
:
block
;
clear
:
both
;
visibility
:
hidden
;
line-height
:
0
;
height
:
0
; }
.clearfix {
display
: inline-
block
; }
html[xmlns] .clearfix {
display
:
block
; }
* html .clearfix {
height
:
1%
; }
3.升级版的Clearfix
在表现上,新版本和经典版本不存在什么差异,这些类可以有效地清除所有floats,但它们只兼容现代浏览器和传统的IE 6-8。
1234
【Web开发者不容错过的10段CSS代码】相关文章
4. 不容错过的window8 metro UI风格的web资源
8. Web开发者必备的11个精华版JavaScript工具
本文来源:https://www.51html5.com/a1003.html
上一篇:创意无限:纯CSS打造各种形状钻石
下一篇:摇摆摇摆!动感的 CSS 抖动效果
﹝Web开发者不容错过的10段CSS代码﹞相关内容
- 移动开发者必知10大移动Web开发框架
- 10个步骤让你成为高效的Web开发者
- 10 款非常棒的CSS代码格式化工具推荐
- 7 个面向Web开发者的实用CSS3教程推荐
- Web开发中的18个关键性错误
- Web开发者和设计师必备的20个在线实用工具
- 影响Web开发者职业发展的六大障碍
- 大势所趋!HTML5成Web开发者最关心的技术
- 5种方法立刻写出更好的CSS代码
- 高效整洁CSS代码原则 (上)
「Web开发者不容错过的10段CSS代码」相关专题
其它栏目
也许您还喜欢