CSS媒体查询（@media）全面解析
随着移动设备的快速普及，用户不再只是通过传统的电脑系来浏览Web内容，越来越多的用户开始使用各种尺寸的智能手机、平板电脑或者其它设备来浏览Web内容，为了确保使用不同设备的用户都能拥有不错的体验就需要用到媒体查询。媒体查询是CSS样式表最重要的功能之一，
CSS
CSS透明度（opacity）
通过rgba()、hsla()可以设置颜色的透明度，但是它们只能在定义颜色的同时设置透明度，无法对图像或者其它元素设置透明度。CSS设置透明度的两种方法：一、CSSrgba()设置颜色透明度语法：rgba（R,G,B,A）;RGBA是代表Red（红色）Green（绿色）Blue（蓝色）和Alpha（不
CSS颜色设置的6种方法
制作好看且丰富多彩的网页肯定会与颜色打交道，所有的颜色都是有三种颜色按照不同的比例合成产生，这三种颜色就是三原色，三原色是红（red）、绿（green）、蓝（blue），这三种颜色按不同的比例混合这三种颜色就可以得到其它颜色，通过调整红、绿、蓝三种颜色的数值可以最大限度的控制颜色。
CSS字体样式（font）
除了好看的背景和颜色外，字体设置也是网页设计中的重要组成部分，合适的字体不仅会使页面更加美观，也可以提升用户体验。CSS中提供了一系列用于设置文本字体样式的属性，比如更改字体，控制字体大小和粗细等等。属性描述font-family设置字体font-style设置字体的风格，
CSS滚动条样式（overflow）
网页的设置为了直观，很多时候并不是正好满足一页，例如一些新闻网站，为了使用数据的分页加载，如果想看更多的文字，需要不停的往下滑动，在浏览器的右边会一直存在着一个滚动条，这就是本篇讲解的元素，在网页中当一页无法容纳所有数据的时候，我们经常用overflow进行设定。
CSS轮廓(outline)
1.概念轮廓(outline)是绘制在元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。举个例子来说吧：在我们平时阅读浏览器里的内容时，当鼠标点击让一个a标签链接或者一个input的单选框获得焦点的时候，该元素将会被一个轮廓虚线框围绕。
CSS圆角属性（border-radius）
在制作网页的过程中，有时我们可能需要实现圆角的效果，以前的做法是通过切图（将设计稿切成便于制作成页面的图片），使用多个背景图像来实现圆角。在CSS3出现之后就不需要这么麻烦了，CSS3中提供了一系列属性来设置元素的圆角效果，如下所示：border-top-left-radius为元素左上角设置圆角效果