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。
CSS浮动（float）
一、传统网页布局的三种方式网页布局的本质：用CSS来摆放盒子，把盒子摆放到相应位置。CSS提供了三种传统布局方式（简单说就是盒子如何进行排列）。（1）普通流（标准流）（2）浮动（3）定位这里指的只是传统布局，其实还有一些特殊高级的布局方式。二、标准流（普通流/文档流）所谓的标准流：就是标签按照规定好的
CSS元素堆叠（z-index）
因为我们直观的以为HTML网页是二维平面，因为文本、图像或其他元素都是按照顺序排列，但，实际的网页是三维立体的，元素之间可能会发生堆叠（重叠），可以通过CSS中的z-index属性来设置元素的堆叠顺序。1.z-index属性的含义一个元素在文档中的层叠顺序，用于确认元素在当前层叠上下文中的层叠级别。
CSS定位的五种方式（position）
CSS中的position属性用来设置元素在页面中的位置，通过该属性您可以把任何属性放置在任何您认为合适的位置。position属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。
CSS元素显示类型（display）
display属性是CSS中最重要的属性之一，主要用来控制元素的布局，通过display属性您可以设置元素是否显示以及如何显示。一、display属性的作用1.display属性可以设置元素的内部和外部显示类型（1）外部显示类型：a.元素的外部显示类型有block块、inline内联等。
CSS元素可见性（visibility）
CSS中的visibility属性用来设置元素是否可见，您可以将该属性与JavaScript一起使用，来创建非常复杂的菜单或网页布局，比如在网页中做一些测试题时您可以使用visibility属性将题目的答案或解析隐藏起来，需要时再将其展示出来。