CSS鼠标样式（cursor）
在页面布局时，CSS是工作中必不可少的部分，常听别人讲：HTML是一个人素颜的样子，加了CSS后是一个人化妆以后的样子。这句话通俗易懂，很好的诠释了CSS与HTML之间的关系。CSS中的属性非常多，本篇主要讲解的是CSS鼠标样式，即CSScursor属性，
CSS
CSS元素显示类型（display）
display属性是CSS中最重要的属性之一，主要用来控制元素的布局，通过display属性您可以设置元素是否显示以及如何显示。一、display属性的作用1.display属性可以设置元素的内部和外部显示类型（1）外部显示类型：a.元素的外部显示类型有block块、inline内联等。
CSS改变盒子模型（box-sizing）
box-sizing属性是CSS3中引入的，有人解释为它可以指定用width属性与height属性分别指定的宽度值与高度值是否包含元素内部的补白区域，以及边框的宽度与高度。这句话有点绕，我理解为它是一种容器高宽的计算方法，具体是怎样的一种计算方法，
CSS颜色设置的6种方法
制作好看且丰富多彩的网页肯定会与颜色打交道，所有的颜色都是有三种颜色按照不同的比例合成产生，这三种颜色就是三原色，三原色是红（red）、绿（green）、蓝（blue），这三种颜色按不同的比例混合这三种颜色就可以得到其它颜色，通过调整红、绿、蓝三种颜色的数值可以最大限度的控制颜色。
CSS表格（table）
在网页中我们通常使用表格来展示一些数据，例如成绩表、财务报表等，但是默认情况下表格的样式并不美观，甚至不符合页面的风格。CSS中提供了一些属性，通过这些属性您可以修改表格的样式，大大改善表格的外观。1.HTML表格边框在HTML教程部分，我们曾经使用border属性设定表格，
CSS轮廓(outline)
1.概念轮廓(outline)是绘制在元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。举个例子来说吧：在我们平时阅读浏览器里的内容时，当鼠标点击让一个a标签链接或者一个input的单选框获得焦点的时候，该元素将会被一个轮廓虚线框围绕。
CSS3中2D转换形式
CSS中的2D转换允许我们在二维空间中执行一些基本的变换操作，例如移动、旋转、缩放或扭曲等，变换后的元素与绝对定位的元素类似，不会影响周围的元素，但可以和周围的元素重叠，不同的是，转换后的元素在页面中任然会占用为转换之前的空间。下面我们来介绍2D的转换：一、移动translate（）根据左(X轴)和顶
CSS边框图片（border-image）
对于元素的边框我们除了可以使用之前介绍的一些默认样式外，还可以通过CSS3中的border-image属性使用图像来作为元素的边框，以创建出丰富多彩边框效果。border-image属性可以通过一些简单的规则，将一副图像划分为9个单独的部分，浏览器会自动使用相应的部分来替换边框的默认样式。
CSS伪类选择器和伪元素选择器的区别
伪类和伪元素的区别（1）类，用户定义的类名，这个类是具体的，看得见的，如div.div0，选择具有类div0的div元素。（2）伪类，用于向某些选择器添加特殊的效果。用伪类定义的样式并不是作用在标记上，而是作用在标记的状态上，如a标签的:hover，表单元素的:disabled。
CSS定位的五种方式（position）
CSS中的position属性用来设置元素在页面中的位置，通过该属性您可以把任何属性放置在任何您认为合适的位置。position属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。