css动画用什么规则
CSS3 @keyframes 规则标签定义及使用说明使用@keyframes规则，你可以创建动画。创建动画是通过逐步改变从一个CSS样式设定到另一个。在动画过程中，您可以更改CSS样式的设定多次。
animation-direction 规定动画是否在下一周期逆向地播放。默认是 normal。animation-play-state 规定动画是否正在运行或暂停。默认是 running。
用法： transform-origin： (x， y) ，其中 x 和 y 的值可以是百分比、rem 或者是 px 等等，也可以用表示位置的单词来表示例如：x 可以用 left 、 center 、 right ；y 可以用 top 、 center 、 bottom 。
如何规范书写css,增加代码的阅读体验
CSS有些属性是可以缩写的，比如padding，margin，font等等，这样精简代码同时又能提高用户的阅读体验。去掉小数点前的“0”连字符CSS选择器命名规范 长名称或词组可以使用中横线来为选择器命名。
使用CSS缩写属性 CSS有些属性是可以缩写的，比如padding，margin，font等等，这样精简代码同时又能提高用户的阅读体验。
可读性 有人认为CSS不是程序，不需要可读性，有人认为CSS只要写出来就有可读性，因为很简单。抛开各种预处理器不说，原生CSS结构确实简单，没有需要编程的部分，但仍然可能导致混乱。
css规范编码规范为utf-8。协作开发及分工：i会根据各个模块，同时根据页面相似程序，事先写**体框架文件，分配给前端人员实现内部结构&表现&行为。
OOCSS(面向对象的CSS)OOCSS的使用主要有两个原则，一种是分离结构和外观，其中主要包括分离容器和内容。OOCSS主要基于对象的编程方法，OOCSS的目的主要是支持代码的复用，最终保证样式能很好的进行添加和维护。
css的基本语法结构及规范
CSS的定义由选择符（selector）、属性（properties）和属性的取值（value）3个部分构成。基本格式如下：selector{property：value}即：（选择符{属性：值}）对于CSS的定义有 如下要求：（1）属性和值要用冒号隔开。
CSS的语法结构仅仅由三部分组成：选择符（Selector）、属性（property）、和值（value）。
一个样式表一般由若干样式规则组成，每条样式规则都可以看作是一条CSS的基本语句。每条规则都包含一个选择器（例如：BODY，P等）和写在花括号里的声明，这些声明通常是由几组用分号分隔的属性和值组成。