首页 > 代码库 > CSS6
CSS6
1.引用自己的字体 :@font-face自己取得名字不要和已有的起冲突
写法:@font-face{font-family:自己取得名字;src=http://www.mamicode.com/url();}
.div1{font-family:自己取得名字}
2.字体图标(就是一种字体 ):优点:a.提高网页性能 b.无限放大不失真 c.为响应式布局提供优秀图片解决方案
缺点:a.只能处理单种颜色 b.创作字符图标耗时间
3.媒体查询,适用于响应式界面@media:写法:a.@media screen and (max-width:600px){.div1{ color:red }}
b.<link rel="stylesheet" href="http://www.mamicode.com/style/.css" media="screen and (max-width:500px)and (min-width:500px)"
4.960网格系统页面,适用于PC端静态布局模式:必须要引用三种外部样式表:{a.reset.css b.text.css c.960.css} ,有12/16/24,
写法:<div class=container_12>
<div class=grid_12></div>
</div>
CSS6