一、标准的制定过程javascript
a 人员结构:W3C会员公司的成员、特邀专家、W3C工做人员css
b 尽管“CSS3”很是流行,但它实际上并无在任何规范中定义过。它其实是指一个非正式的集合,包括CSS规范第三版再加上一些版本号仍是1的新规范。java
二、CSS编码技巧ide
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 合理使用简写spa
background中background-size和background-position之间须要斜杠(/)做为分隔,由于(50% 50%)这样的值对于解析器来讲是不肯定的。 background-size这个属性的定义必须在background-position以后, 并使用 '/' 符号分隔; background-size:cover,缩放背景图片以彻底覆盖背景区,可能背景图片部分看不见; background-size:contain,缩放背景图片以彻底装入背景区,可能背景区部分空白。
e 预处理器设计
面临的问题是,css的文件体积和复杂度可能会失控,调试难度会增长,增长协做者学习成本; 还有抽象泄漏法则:全部重大的抽象机制在某种程度上都存在泄漏的状况(即它们有它们本身的BUG)。