本文目录
- css3代码优化是什么意思
- css3中-moz、-ms、-webkit各什么意思
- CSS3 中state是什么意思
- tion-du在css3里是什么意思
- css3中vh和vw分别是什么意思
- 什么是CSS3
- css3中vh和vw是什么意思
css3代码优化是什么意思
修复解析错误（Parsing errors should be fixed） 避免使用多类选择符（Don’t use adjoining classes） IE陆以及更古老的浏览器对类似.foo.bar的多类选择符解析不正确，参考IE陆下的多类选择符一文。 移除空的css规则（Remove empty rules） 这个规则不包含任何属性，类似：.foo { }空规则的产生原因一般来说是为了预留样式。去除这些空规则无疑能减少css文档体积。 正确使用display的属性（Use correct properties for a display） 由于display的作用，某些样式组合会无效，徒增样式体积的同时也影响解析性能。CSS Lint会检查一下几点： display:inline后不应该再使用width、height、margin、padding以及float。 display:inline-block后不应该再使用float。 display:block后不应该再使用vertical-align。 display:table-*后不应该再使用margin或者float。 不滥用浮动（Don’t use too many floats） 虽然浮动不可避免，但不可否认很多css bug是由于浮动而引起。CSS Lint一旦检测出样式文件中有超过依0次的浮动便会提示警告。 不滥用web字体（Don’t use too many web fonts） 对于中文中国站来说Web Fonts可能很陌生，国外却很流行。web fonts通常体积庞大，而且一些浏览器在下载web fonts时会阻塞页面渲染损伤性能。 不声明过多的font-size（Don’t use too may font-size declarations） 这是设计层面的问题，设计精良的页面不会有过多的font-size声明。 不在选择符中使用ID标识符（Don’t use IDs in selectors） 主要考虑到样式重用性以及与页面的耦合性。 不给h依~h陆元素定义过多的样式（Don’t qualify headings） 全站统一定义一遍heading元素即可，若需额外定制样式，可使用其他选择符作为代替。 不重复定义h依~h陆元素（Heading styles should only be defined once） 值为0时不需要任何单位（Zero values don’t need units） 标准化各种浏览器前缀（Vendor prefixed properties should also have the standard） 通常将浏览器前缀置于前面，将标准样式属性置于最后，类似： .foo {-moz-border-radius: 5px;border-radius: 5px; } 使用CSS渐变等高级特性，需指定所有浏览器的前缀（CSS gradients require all browser prefixes） 避免让选择符看起来像正则表达式（Avoid selectors that look like regular expressions） CSS三添加了一些类似~=等复杂属性，也不是所有浏览器都支持，需谨慎使用。 遵守盒模型规则（Beware of broken box models
css3中-moz、-ms、-webkit各什么意思
1、-moz代表firefox浏览器私有属性
2、-ms代表ie浏览器私有属性
3、-webkit代表safari、chrome私有属性
这些是为了兼容老版本的写法，比较新版本的浏览器都支持直接写：border-radius。
现在比较流行的一个概念就是：不太关键的样式，可以不考虑兼容，比如你说的圆角，并不影响内容的显示，如果客户浏览器太旧，就让他看到旧的方形效果就是，一定要看到新效果，只能建议客户升级浏览器。
CSS3 中state是什么意思
state字面上理解就是状态，控制css3动画状态的，Internet Explorer 9 以及更早的版本不支持 animation-play-state 属性。
animation-play-state: paused|running; 暂停和运行2个参数
实例
暂停动画：
div
{
animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari 和 Chrome */
}
tion-du在css3里是什么意思
应该是CSS3中的动画功能transtions和animations吧
CSS3动画相关的几个属性是：transition, transform, animation；我分别理解为过渡，变换，动画。虽意义相近，但具体角色不一。
transition指过渡啦，就是从a点都b点，就像过江坐渡轮，是有时间的，是连续的，一般针对常规CSS属性；transform指变换，就那几个固定的属性：旋转啦，缩放啦，偏移啦什么的，与独立于远房亲戚transition使用，但是，效果就是很干涩机械的旋转移动。要是配合transition属性，旋转啊什么的，就会很平滑。animation最先安家于Safari浏览器，自成一家，与transition和transform有老死不相往来之感，但是要说单挑的话，animation要比transition厉害些。
css3中vh和vw分别是什么意思
1.因此html5和css3引入视口的概念来代替显示器的物理尺寸。通过在meta标签上的设置，视口的长宽可以跟设备的物理分辨率相等，也可以不相等（以便手机上可以实现用两个手指来放大会缩小页面），可根据需要灵活掌握。在PC中，视口的长宽则是跟浏览器窗口的物理分辨率恒等的。
2.1vw等于视口宽度（viewport width）的百分之一，也就是说100vw就是视口的宽度。同理，1vh等于视30px改成5vw，意思就是窗口宽度的5%，同理10vw。
3.不过由于vw和vh是css3才支持的长度单位，所以在不支持css3的浏览器中是无效的口高度（viewport height）的百分之一。
什么是CSS3
总的来说CSS3主要拥有以下几个新的亮点：高级选择器，圆角，多背景，@font-face动画与渐变，渐变色，Box 阴影，RGBa - 加入透明色，文字阴影，图形化边界 。
其中比较重要的是，新的选择器，以往大量通过JS进行的工作都可以在CSS中完成了，比如在一个表格中让单数行和双数行有不同的背景色。另外使用 @font-face可以在页面中外联一个自己指定的字体，从而使得网页设计可以更随心所欲，而不用总是把特别字体的文字给做成图片（就是不知道要怎么处 理字体的版权问题就是了）。而文字阴影和渐变色等的实现也都能省下不少的PS活儿。
不过反过来说，这些新的功能也都不是以现在的技术无法实现的问题，无非是用CSS3之后能够更加简便而已。同时还有一个比较棘手的是，各个浏览器对于CSS3的支持明显是不同的，要保证不同用户同样的用户体验那就是个更头痛的问题了。
css3中vh和vw是什么意思
vw和vh是相对于视口（viewport，也可以叫做视区、视界或可视范围）的宽度和高度。由于现在移动设备（主要是手机）的屏幕尺寸千差万别，如果仍然根据屏幕的物理分辨率来设计网页，效果会很难统一，因此html5和css3引入视口的概念来代替显示器的物理尺寸。通过在meta标签上的设置，视口的长宽可以跟设备的物理分辨率相等，也可以不相等（以便手机上可以实现用两个手指来放大会缩小页面），可根据需要灵活掌握。在PC中，视口的长宽则是跟浏览器窗口的物理分辨率恒等的。
1vw等于视口宽度（viewport width）的百分之一，也就是说100vw就是视口的宽度。同理，1vh等于视口高度（viewport height）的百分之一。
