CSS长度单位详细总结
⼀、CSS中的长度单位在CSS中以不少值是以长度作为值的，盒⼦模型的属性就是⼀些明显的值属性：width、height、margin、padding、border。除此之外还有很多的css属性的值同样也是长度值，像偏移量offset、box-shadow的⼤⼩或字体⼤⼩、间距等，
CSS
CSS边框（border）
边框是使用频率很高的样式，图片可以加边框，表格基本都是带边框的，所以边框的学习是很重要的。本篇就来介绍下CSS边框的用法。CSS中的边框是围绕着元素内容和内边距的一条或多条线段，您可以自定义这些线段的样式、宽度以及颜色。您可以通过下面几个属性分别定义边框的样式、宽度和颜色。
CSS计数器（counter）
CSS里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的content属性，可能现在很多人仅仅以为content属性的值只支持字符串，除了字符串外常用到的还有uri、counter，今天所要介绍的就是conter(计数器)。
CSS @规则（详细）
在CSS中包含两种语法规则：普通规则：由选择器、属性和值构成，在之前的学习中我们主要使用的就是这种规则；@规则：以@开头后面跟随一个关键字的形式构成，也被称为“AT规则”，根据使用方法的不同又可以分为“常规规则”与“嵌套规则”两种。我们主要来介绍一下CSS中的@规则。
CSS改变盒子模型（box-sizing）
box-sizing属性是CSS3中引入的，有人解释为它可以指定用width属性与height属性分别指定的宽度值与高度值是否包含元素内部的补白区域，以及边框的宽度与高度。这句话有点绕，我理解为它是一种容器高宽的计算方法，具体是怎样的一种计算方法，
CSS鼠标样式（cursor）
在页面布局时，CSS是工作中必不可少的部分，常听别人讲：HTML是一个人素颜的样子，加了CSS后是一个人化妆以后的样子。这句话通俗易懂，很好的诠释了CSS与HTML之间的关系。CSS中的属性非常多，本篇主要讲解的是CSS鼠标样式，即CSScursor属性，
CSS表格（table）
在网页中我们通常使用表格来展示一些数据，例如成绩表、财务报表等，但是默认情况下表格的样式并不美观，甚至不符合页面的风格。CSS中提供了一些属性，通过这些属性您可以修改表格的样式，大大改善表格的外观。1.HTML表格边框在HTML教程部分，我们曾经使用border属性设定表格，
CSS3中2D转换形式
CSS中的2D转换允许我们在二维空间中执行一些基本的变换操作，例如移动、旋转、缩放或扭曲等，变换后的元素与绝对定位的元素类似，不会影响周围的元素，但可以和周围的元素重叠，不同的是，转换后的元素在页面中任然会占用为转换之前的空间。下面我们来介绍2D的转换：一、移动translate（）根据左(X轴)和顶