一，css概述
在html文件中应用css语法，设计网页的各种样式，包括粗体，字号，字体等不同的样式，能够让相同的内容展现出不同的样式。css语法有多种声明方式将在后面指出。
二，css添加方式
CSS样式添加方式分为行内样式、内嵌样式、外部样式表样式。不同添加方式的位置不同，作用范围不同，优先级也不同。
1.行内样式是用style属性将样式添加到标签内部，样式只对当前元素起作用，格式如下：
<标签 style = "属性名 : 属性值 ; 属性名 : 属性值 ;……">
2.内嵌样式是用style标签将样式添加到HTML文件head中，样式只对当前页面起作用，格式如下：
<style>
选择器{
属性名：属性值
属性名：属性值
}
<style>
该种样式需要放置在<head><head>中，作用范围为当前html文件中所有被定义的选择器。但是有可能被覆盖。即使有公共CSS代码，也是每个页面都要定义的适合站点网页文件很少，CSS代码也不多的情况，如果一个网站有很多页面，每个文件都会变大，后期维护难度也大。
3.样式表样式，如果多个页面需要统一设置公共的样式，则应将样式定义在单独的样式表文件(.CSS)里，并在相关的网页中引用这个文件。单独新建一个css文件，编写独立的css语法。通过在html文件中使用<link rel="stylesheet" href="样式表路径+样式表名+.css" type="text/css">进行应用推荐使用相对路径，代码较短，不容易出错。
和内嵌样式相同的是需要在<head><head>中引用，在<body><body>中实现。对于大量网页需要设置相同样式时，维护较为方便，但是不利于单独网页的修改。
三.css选择器
css选择器有元素选择器，类选择器，id选择器，后代选择器，子元素选择器，相邻兄弟选择器，属性选择器，全局选择器，以及伪类和伪元素。
元素选择器也称为标签选择器，选择器名称就是标签名称。元素选择器将对特定标签的元素进行样式设置。
类选择器名称以圆点.开头，在元素中用class属性引用。类选择器将筛选出应用了这一类别的元素。类选择器名称可能被JavaScript引用，大小写敏感。
ID选择器名称以#开头，在元素中用id属性引用。ID选择器名称可能被JavaScript引用，大小写敏感。
后代选择器用空格隔开选择器的名称，表示“……内的……”被设置为特定样式。
子元素选择器用>连接两个元素，表示其直接子元素的样式设定。
相邻兄弟选择器用+号连接两个兄弟元素，表示为某元素其后紧邻的兄弟元素设置样式。
属性选择器用于筛选出属性符合条件的元素。
全局选择器名称为*，作用于所有元素，尽量避免使用。
伪类用于选择处于特定状态的元素，效果等同于向文档某个部分应用了一个类一样。
伪元素创建不存在的元素，并为其添加样式。
四.css层叠
CSS样式可以由父元素传递给子元素，而且多个样式可能叠加作用于一个元素，将所有继承和叠加关系进行计算并得到最终样式就是层叠的过程。层叠过程需要同时考虑继承关系和样式优先级。
1. 继承属性
可以被后代元素继承的属性主要包括。
（1）文字属性：font、font-family、font-size、font-style、font-weight。
（2）文本属性：color、letter-spacing、line-height、text-decoration。
（3）列表属性：list-style、list-style-type、list-style-position、list-style-image。
2. 非继承属性
与盒子模型相关的属性不会被继承，主要包括margin、padding、border、display、background、width、height、float、clear、position、left、right、top、bottom、z-index。
样式的优先级由样式添加顺序、添加方式、选择器类型决定
1. 添加顺序
有冲突时，先添加的样式会被后添加的样式覆盖掉。
2. 添加方式
对于行内样式的设置，优先级顺序如下：
style属性>ID选择器>类选择器
初学者，初次发布学习经历，希望自己能坚持，望指教。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
