13518219792
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：相对定位
no-repeat是针对背景图来说的。意思就是当你设置了no-repeat这个属性后，你的背景图将不会被重复，再换一种说法，你在网站上所看见的背景图就是你所增加的图， 不会出现平铺或重复的现象。
拓展资料
一、CSS层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
二、CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
三、SS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
四、CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
五、CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
CSS就是层叠样式表。
CSS是Cascading Style Sheets的简称，中文称为层叠样式表。使用过程中属性和属性值用冒号隔开，以分号结尾。
本质上一种用来表现HTML或XML等文件样式的计算机语言，是可以做到网页和内容进行分离的样式语言。作用是：可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制；使页面的字体变得更漂亮，更容易编排。
使用范围：
1、在几乎所有的浏览器上都可以使用。
2、以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
3、使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
4、你可以轻松地控制页面的布局 。
5、你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
层叠指的是样式的优先级，当产生冲突时以优先级高的为准。
1. 开发者样式读者样式浏览器样式（除非使用!important标记 ）
2. id选择符（伪）类选择符元素选择符
3. 权重相同时取后面定义的样式
以下是一段经典的html，三个类名分别为模块、标题和正文。
div class="mod"
div class="hd"/div
div class="bd"/div
/div
大部分html页面都可以由这种结构嵌套或者累加而成。
* 整个文件
{
border: 0;没有边框
margin: 0;外间距为0
padding: 0;内间距为0
}
a
{
text-decoration: none; 所有默认超链接没有下划线
}
body 所有内容
{
background: #000000; 背景色为黑色
color: #777; 文字颜色为#777
margin: 0 auto; 样式左右局中 上下顶头
padding: 50px; 内间距50像素
position: relative; 对象不可层叠
width: 620px; 样式宽度为620px
}
h1
{
background: inherit; 背景色继承父本
/*
border-bottom: 1px dashed #ccc; 被注视掉了
*/
color: #933; 文字颜色#933
font: 17px Georgia, serif; 文字属性
margin: 0 0 10px; 外间距 上左右0像素 下10像素
padding: 0 0 5px; 内间距 上左右0像素 下5像素
text-align: center; 文字水平局中
}
p
{
clear: both; 清除浮动
font: 10px Verdana, sans-serif; 文字样式
padding: 10px 0; 内间距 上下10像素 左右0像素
text-align: center; 文字水平局中
}
p a
{
background: inherit; 段落背景色继承父色
color: #777; 超链接文字颜色为#777
}
p a:hover
{
background: inherit;
color: #000; 段落超链接鼠标经过时颜色为黑色
}
/* =Hoverbox Code
----------------------------------------------------------------------*/ 被注视掉
.hoverbox
{
cursor: default; 鼠标样式不显示
list-style: none; 清除样式
}
.hoverbox a
{
cursor: default; 鼠标样式不显示
}
.hoverbox a .preview
{
display: none; 鼠标样式不显示
}
.hoverbox a:hover .preview 鼠标经过
{
display: block; 鼠标样式显示
position: absolute; 对象不可层叠
top: -33px; 据顶端-33个像素
left: -45px; 据左边-45个像素
z-index: 1; 纵坐标为1
}
.hoverbox img boverbox里的图片
{
background: #fff; 背景色白色
border-color: #aaa #ccc #ddd #bbb; 边框上右下左的颜色
border-style: solid; 边框为实线
border-width: 1px; 边框1个像素
color: inherit; 文字颜色继承父色
padding: 2px; 内间距2个像素
vertical-align: top; 竖直顶端对齐
width: 100px; 宽度100像素
height: 75px; 高度75像素
}
.hoverbox li hoverbox里的li标记
{
background: #eee; 背景色 #eee
border-color: #ddd #bbb #aaa #ccc;边框上右下左的颜色
border-style: solid;边框为实线
border-width: 1px;边框1个像素
color: inherit;文字颜色继承父色
display: inline;内联对象
float: left;左浮动
margin: 3px;外间距3像素
padding: 5px;内间距5像素
position: relative;对象不可层叠
}
.hoverbox .preview
{
border-color: #000; 边框颜色#000
width: 200px; 宽度200像素
height: 150px; 高度150像素
}
给分吧 很辛苦的哦
可以有三种理解方式，如下：
一：层叠性指的是样式的优先级，当产生冲突时以优先级高的为准。
开发者样式读者样式浏览器样式（除非使用!important标记 ）
id选择符（伪）类选择符元素选择符
权重相同时取后面定义的样式
二：
CSS层叠性是指CSS样式在针对同一元素配置同一属性时，依据层叠规则（权重）来处理冲突，选择应用权重高的CSS选择器所指定的属性，一般也被描述为权重高的覆盖权重低的，因此也称作层叠。每个CSS选择器都会有一个权重，当两个选择器同时配置同一元素的同一属性时（比如一个设置color：red，另一个color：black），就会产生冲突，而解决冲突的方案就是CSS选择器的权重，权重高的来覆盖权重低的。
三：层叠性指的是上级标签的样式会自动继承到其所有下级标签，如针对body设置的标签选择器所设的字体样式会自动应用到body下的p中，除非p重写了相关样式将其覆盖。
