CSS @规则（详细）
在CSS中包含两种语法规则：普通规则：由选择器、属性和值构成，在之前的学习中我们主要使用的就是这种规则；@规则：以@开头后面跟随一个关键字的形式构成，也被称为“AT规则”，根据使用方法的不同又可以分为“常规规则”与“嵌套规则”两种。我们主要来介绍一下CSS中的@规则。
CSS
CSS鼠标样式（cursor）
在页面布局时，CSS是工作中必不可少的部分，常听别人讲：HTML是一个人素颜的样子，加了CSS后是一个人化妆以后的样子。这句话通俗易懂，很好的诠释了CSS与HTML之间的关系。CSS中的属性非常多，本篇主要讲解的是CSS鼠标样式，即CSScursor属性，
CSS动画（animation）
通过之前的学习我们知道，利用transition属性可以实现简单的过渡动画，但过渡动画仅能指定开始和结束两个状态，整个过程都是由特定的函数来控制的，不是很灵活。本节我们再来介绍一种更为复杂的动画——animation。动画（animation）：和过渡类似，
CSS过渡效果（transition）
通常当CSS的属性值更改后，浏览器会立即更新相应的样式，例如当鼠标悬停在元素上时，通过:hover选择器定义的样式会立即应用在元素上。在CSS3中加入了一项过渡功能，通过该功能您可以将元素从一种样式在指定时间内平滑的过渡到另一种样式，类似于简单的动画，但无需借助flash或JavaScript。
CSS元素显示类型（display）
display属性是CSS中最重要的属性之一，主要用来控制元素的布局，通过display属性您可以设置元素是否显示以及如何显示。一、display属性的作用1.display属性可以设置元素的内部和外部显示类型（1）外部显示类型：a.元素的外部显示类型有block块、inline内联等。
CSS弹性布局/弹性盒子（flex布局）
flex是flexiblebox的缩写，译为“弹性布局”，用来为盒模型提供最大的灵活性，任何一个容器都可以指定为flex布局，只需要设置“display:flex"即可；行内元素可以通过设置”display:inline-flex“实现；需要注意的是，
CSS背景（background）
在前端开发过程中，为了页面的美观，往往都会给html页面添加背景图片。那么如何利用css设置html中用图片做背景？本篇文章就给大家介绍css怎样设置背景图片，需要的朋友可以参考和学习一下，希望对你有所帮助。一、background概述CSS可以添加背景颜色和背景图片，以及来进行图片设置。
CSS边框（border）
边框是使用频率很高的样式，图片可以加边框，表格基本都是带边框的，所以边框的学习是很重要的。本篇就来介绍下CSS边框的用法。CSS中的边框是围绕着元素内容和内边距的一条或多条线段，您可以自定义这些线段的样式、宽度以及颜色。您可以通过下面几个属性分别定义边框的样式、宽度和颜色。
CSS列表（list-style）
本篇将主要介绍列表的CSS样式编写，在学习之前，我们回忆一下HTML中的有序列表和无序列表。举例：<span>无序列表-我的爱好：</span><ul><li>咖啡</li><li>牛奶</li><li>果汁</li></ul><span>有序列表-成绩排行：</span><ol><li>张三</li
CSS表格（table）
在网页中我们通常使用表格来展示一些数据，例如成绩表、财务报表等，但是默认情况下表格的样式并不美观，甚至不符合页面的风格。CSS中提供了一些属性，通过这些属性您可以修改表格的样式，大大改善表格的外观。1.HTML表格边框在HTML教程部分，我们曾经使用border属性设定表格，