css的@规则

CSS

at-rule是让CSS做一些疯狂和有趣的事情的地方。虽然这里的示例是基本的，但我们可以看到它们如何用于将样式手工处理到非常特定的条件，从而创建与场景匹配的用户体验和交互。

1.引入css的方法

@import

@import url(‘地址’);

先加载HTML后再加载css，可能会导致网页先完成而后修饰

link

先加载css后加载网页内容，即显示出来时是同时的。（经常使用）

2.改变样式的方法

@font-face（改变字体）

此规则允许我们在网页上加载自定义字体。对自定义字体有不同级别的支持，但此规则接受创建和提供这些字体的语句

@keyframes（简单动画）

此规则是许多CSS属性上关键帧动画的基础，允许我们标记动画内容的开始和停止（和中间）标记。

3.选择客户端的媒体设备加载选择CSS

@media

此规则包含将样式定位到特定屏幕的条件语句。这些语句可以包括屏幕大小，这对于使样式适应设备非常有用

4.判断浏览器是否支持功能

@supports

此规则测试浏览器是否支持某个功能，然后在满足条件时应用这些元素的样式。它有点像Modernizr，但专门为CSS属性量身定制。

---

css选择器

1id选择器
2元素选择器
3标签选择器
4类选择器
。。。