CSS
CSS渐变色（颜色渐变）
CSS中的渐变指的是两种或多种颜色之间的平滑过渡，以前我们必须使用事先定义好的图像来实现渐变效果，CSS3为实现渐变效果提供了一种灵活的解决方案。通过CSS3您可以定义三种类型的渐变，分别为线性渐变（通过linear-gradient()函数创建）、径向渐变（通过radial-gradient()函数
CSS边框图片（border-image）
对于元素的边框我们除了可以使用之前介绍的一些默认样式外，还可以通过CSS3中的border-image属性使用图像来作为元素的边框，以创建出丰富多彩边框效果。border-image属性可以通过一些简单的规则，将一副图像划分为9个单独的部分，浏览器会自动使用相应的部分来替换边框的默认样式。
CSS圆角属性（border-radius）
在制作网页的过程中，有时我们可能需要实现圆角的效果，以前的做法是通过切图（将设计稿切成便于制作成页面的图片），使用多个背景图像来实现圆角。在CSS3出现之后就不需要这么麻烦了，CSS3中提供了一系列属性来设置元素的圆角效果，如下所示：border-top-left-radius为元素左上角设置圆角效果
CSS媒体查询（@media）全面解析
随着移动设备的快速普及，用户不再只是通过传统的电脑系来浏览Web内容，越来越多的用户开始使用各种尺寸的智能手机、平板电脑或者其它设备来浏览Web内容，为了确保使用不同设备的用户都能拥有不错的体验就需要用到媒体查询。媒体查询是CSS样式表最重要的功能之一，
CSS @规则（详细）
在CSS中包含两种语法规则：普通规则：由选择器、属性和值构成，在之前的学习中我们主要使用的就是这种规则；@规则：以@开头后面跟随一个关键字的形式构成，也被称为“AT规则”，根据使用方法的不同又可以分为“常规规则”与“嵌套规则”两种。我们主要来介绍一下CSS中的@规则。
CSS透明度（opacity）
通过rgba()、hsla()可以设置颜色的透明度，但是它们只能在定义颜色的同时设置透明度，无法对图像或者其它元素设置透明度。CSS设置透明度的两种方法：一、CSSrgba()设置颜色透明度语法：rgba（R,G,B,A）;RGBA是代表Red（红色）Green（绿色）Blue（蓝色）和Alpha（不
CSS伪类选择器和伪元素选择器的区别
伪类和伪元素的区别（1）类，用户定义的类名，这个类是具体的，看得见的，如div.div0，选择具有类div0的div元素。（2）伪类，用于向某些选择器添加特殊的效果。用伪类定义的样式并不是作用在标记上，而是作用在标记的状态上，如a标签的:hover，表单元素的:disabled。