CSS @规则以及计算属性

一.@规则

1.@charset 提示css文件使用的字符编码方式

   @charset “utf-8”

2.@import

在css文件中引用其他css文件

@ import “文件名”

3.@media

对设备类型进行判断

@media print{

     body{font-size“：10px；}

}

4.@page

用于分页媒体访问网页时的变现设置，页面是一种特俗的盒模型结构

@page{

   size：8.5in 11in；

}

5.@counter-style

产生一种数据，用于定义列表项的表现

@counter-style triangle{

      system:cyclic;

      symbols:图形；

     suffix：“ ”；

}

6.@key-frames

用于定义动画帧数

@key-frames 名{

   from{

  }

  to{

  }

}

7.@fontface

定义字体

8.@support

类似media

二.css 方法

1.calc（）可以计算（100%-1+3+2+2*1em）

2 max（）取最大

3 min（）取最小

4 clamp（）给定一个范围 超出给最大或最小值

5 toggle（）几个值之间切换

6 attr（）css允许接受属性值控制