正文
css层叠样式,CSS层叠样式表
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
css层叠样式表有哪几种类型
CSS（Cascading Style Sheets）
层叠样式表
优势：
CSS可以提高页面的浏览速度。
缩短改版时间，降低维护费用。
强大的字体控制能力和排版能力。
css容易编写。
可以一次设计随处发布。
更好的控制页面布局。
实现表现和结构、内容相分离。
更方便搜索引擎的搜索/page Rank
样式规则：
语法：选择器｛属性1：值1；属性2：值2；...属性N：值N；｝
选择器就是要改变页面中的哪些标签元素
声明要用｛｝括起来，；结束
如果属性中包含空格要用“”括起来
可以指定多个选择器使用相同的样式
样式表：
外部样式表，新建.css文件，在文件中写入样式规则link rel="stylesheet" href = "xxx.css"
内联样式表，在元素中添加style属性
嵌入式样式表，在html使用style标签，style type="text/css"/style
选择器：
元素选择器，元素名
id选择器，用#id
类选择器，用.class
后代选择器，选择器1 选择器2
css深化：
就近原则，！important提高元素优先级，伪类选择器，伪对象选择器，@import导入其他css文件，响应式布局可以解决多设备的兼容问题。
文本属性：
font-family：字体
font-size：字体大小
font-style：斜体
font-weight：粗体
color：颜色
line-height：行高
letter-spacing：字符间距
text-decoration：文本修饰
text-overflow：文字溢出处理
white-space : no wrap
text-overflow:hidden
text-align：文本对齐
背景属性：
background-color：背景颜色
background-image：背景图片
background-repeat：背景重复
background-attachment：背景图片附着
基于占满一整行与否，标签分为两大类（文档流）：
占满：行级元素（div，p，h1~h6）
不占满：行内元素（span，）
定位属性：
position：定位
absolute：绝对定位
relative：相对定位
相关问答
Q1: css是什么意思
CSS就是层叠样式表。
CSS是Cascading Style Sheets的简称，中文称为层叠样式表。使用过程中属性和属性值用冒号隔开，以分号结尾。
本质上一种用来表现HTML或XML等文件样式的计算机语言，是可以做到网页和内容进行分离的样式语言。作用是：可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制；使页面的字体变得更漂亮，更容易编排。
使用范围：
1、在几乎所有的浏览器上都可以使用。
2、以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
3、使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
4、你可以轻松地控制页面的布局 。
5、你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
Q2: CSS层叠样式表的层叠是什么意思
层叠指的是样式的优先级，当产生冲突时以优先级高的为准。
1. 开发者样式读者样式浏览器样式（除非使用!important标记 ）
2. id选择符（伪）类选择符元素选择符
3. 权重相同时取后面定义的样式
以下是一段经典的html，三个类名分别为模块、标题和正文。
div class="mod"
div class="hd"/div
div class="bd"/div
/div
大部分html页面都可以由这种结构嵌套或者累加而成。
