总结CSS3新特性(媒体查询篇)
CSS3的媒体查询是对CSS2媒体类型的扩展,完善;
CSS2的媒体类型仅仅定义了一些设备的关键字,CSS3的媒体查询进一步扩展了如width...,height,color等具有取值范围的属性;
media query 与 media type 的区别在于: media query是一个值或一个范围的值,而media type仅仅是设备的匹配(所以...media type 是一个单词,而media query 后边需要跟着一个数值,两者可以混合使用);
media可用于link标签属性 [media]
<link rel="stylesheet"type...type以及media query:
运算符:
and:
and运算符用于符号两边规则均满足条件则匹配
@media screen and (max-width: 600px){/*匹配宽度小于600px...的电脑屏幕*/}
not:
not运算符用于取非,所有不满足该规则的均匹配
@media not print{/*匹配除了打印机以外的所有设备*/}
使用not时请注意,如果不加括号,也许会产生一些奇怪的现象