你需要知道的8个CSS带@的规则

非 Y 不嫁゛ 提交于 2020-02-27 17:02:08

 

 

  1:@charset(用来设置html文档字符编码的格式,比如我们常用的,charset='utf-8'

    注:建议CSS文件最顶部都加上@charset "utf-8";,避免出现乱码

     以前我写过一篇博客,详见:https://www.cnblogs.com/tu-0718/p/6920243.html

 

  2:@import (和link一样,都是外部引用CSS的方式,但不要使用import引入css,至于原因看下面链接就明白了)

    link和import外部样式的区别:https://www.cnblogs.com/frontendnotes/p/6420971.html

 

  3:@media(这里指的不是媒体查询,而是实现控制页面打印)

    以前我写过一篇控制页面打印的博客,详见: https://www.cnblogs.com/tu-0718/p/9264318.html

 

  4:@font-faceCSS3属性,能够让我们使用自定义字体) 

      以前我写过一篇关于怎么使用自定义字体的博客,详见:https://www.cnblogs.com/tu-0718/p/10643238.html 

      还写过一篇怎么把SVG图标转换成所需字体图标,详见:https://www.cnblogs.com/tu-0718/p/9439164.html

  

  5:@keyframesCSS3属性,可不依赖JS创建动画,实现动画效果)

     https://blog.csdn.net/sinat_41104353/article/details/79462118

 

  6:@page(配合@media使用,可控制打印设置选项)

     http://www.softwhy.com/article-5613-1.html

 

  7:@suppots(检测当前浏览器对css属性或属性值的支持情况)

    https://www.jianshu.com/p/e16148fd66a0

 

  8:@namespace(命名空间)

    https://www.zhangxinxu.com/wordpress/2012/02/css-namespaces-module/

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!