标签:其他 相关 固定 rip 背景图 技巧 区间 过程 img
1、标准的制定过程
a 人员结构:W3C会员公司的成员、特邀专家、W3C工作人员
b 尽管“CSS3”非常流行,但它实际上并没有在任何规范中定义过。它实际上是指一个非正式的集合,包括CSS规范第三版再加上一些版本号还是1的新规范。
2、CSS编码技巧
a 尽量减少代码重复
b 相信你的眼睛,而不是数字
c 关于响应式网页设计的建议
使用百分比长度来取代固定宽度,同时可以尝试使用视口相关的单位(vw、vh、vmin和vmax); 当你需要在较大分辨率下得到固定宽度时,使用max-width而不是width,因为它可以适应较小的分辨率,而无需使用媒体查询; 不要忘记为替换元素(img、object、video、iframe等)设置一个max-width,值为100%; 假如背景图片需要完整地铺满一个容器,不管容器的尺寸如何变化,background-size:cover这个属性都可以做到; 当图片或者其他元素以行列式进行布局时,让视口的宽度来决定列的数量。弹性布局或者display:inline-block加上常规的文本折行行为,都可以实现; 在使用多列文本时,制定column-width而不是指定column-count,这样就可以在较小的屏幕上自动显示为单列布局; 总体思路:尽最大努力,实现弹性可伸缩的布局,并在媒体查询的各个断点区间内指定相应的尺寸(需要细细琢磨)。
d 合理使用简写
background中background-size和background-position之间需要斜杠(/)作为分隔,因为(50% 50%)这样的值对于解析器来说是不确定的。 background-size这个属性的定义必须在background-position之后, 并使用 ‘/‘ 符号分隔。
e 预处理器
面临的问题是,css的文件体积和复杂度可能会失控,调试难度会增加,增加协作者学习成本; 还有抽象泄漏法则:所有重大的抽象机制在某种程度上都存在泄漏的情况(即它们有它们自己的BUG)。
标签:其他 相关 固定 rip 背景图 技巧 区间 过程 img
原文地址:http://www.cnblogs.com/liutie1030/p/7763625.html