CSS边框（border）
边框是使用频率很高的样式，图片可以加边框，表格基本都是带边框的，所以边框的学习是很重要的。本篇就来介绍下CSS边框的用法。CSS中的边框是围绕着元素内容和内边距的一条或多条线段，您可以自定义这些线段的样式、宽度以及颜色。您可以通过下面几个属性分别定义边框的样式、宽度和颜色。
CSS
CSS表格（table）
在网页中我们通常使用表格来展示一些数据，例如成绩表、财务报表等，但是默认情况下表格的样式并不美观，甚至不符合页面的风格。CSS中提供了一些属性，通过这些属性您可以修改表格的样式，大大改善表格的外观。1.HTML表格边框在HTML教程部分，我们曾经使用border属性设定表格，
CSS列表（list-style）
本篇将主要介绍列表的CSS样式编写，在学习之前，我们回忆一下HTML中的有序列表和无序列表。举例：<span>无序列表-我的爱好：</span><ul><li>咖啡</li><li>牛奶</li><li>果汁</li></ul><span>有序列表-成绩排行：</span><ol><li>张三</li
CSS 尺寸/宽高属性（width/height）
CSS尺寸属性指的就是元素的宽度和高度属性，虽然说非常简单，但却是必须掌握的技能。CSS中提供了width、height、max-width、min-width、max-height和min-height等几个属性来设置元素的宽度和高度，这些元素使用起来非常简单，下面我们就来简单介绍一下。
CSS外边距属性（margin）
一、CSS外边距属性（margin）属性描述margin简写属性。在一个声明中设置所有边距属性margin-bottom设置元素的下外边距属性margin-left设置元素的左外边距属性margin-right设置元素的右外边距属性margin-top设置元素的上外边距属性CSSmargin(外边距)
CSS内边距属性（padding）
CSSpadding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。当元素的padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。单独使用padding属性可以改变上下左右的填充。值说明length规定以具体单位计的填充值，比如像素、厘米等。
CSS鼠标样式（cursor）
在页面布局时，CSS是工作中必不可少的部分，常听别人讲：HTML是一个人素颜的样子，加了CSS后是一个人化妆以后的样子。这句话通俗易懂，很好的诠释了CSS与HTML之间的关系。CSS中的属性非常多，本篇主要讲解的是CSS鼠标样式，即CSScursor属性，
CSS轮廓(outline)
1.概念轮廓(outline)是绘制在元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。举个例子来说吧：在我们平时阅读浏览器里的内容时，当鼠标点击让一个a标签链接或者一个input的单选框获得焦点的时候，该元素将会被一个轮廓虚线框围绕。
CSS精灵图(sprite)
一、什么是精灵图？当用户访问一个网站时，浏览器会向服务器发送一系列请求，比如说网页上的每张图像都需要经过一次请求才能最终展示给用户。然而，一个网页中往往包含大量的图像资源（例如在页面中展示的图片、网页的背景图像以及一些装饰性的图像等），这就会导致浏览器频繁的请求服务器，大大降低网页的加载速度。