CSS
CSS概述
? ? ? ?CSS(英文全称: Cascading Style Sheets）层叠样式表,是一种用来表现HTML(标准通用标记语言的一个应用或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
? ? ? ? CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
CSS是用来美化网页用的，没有网页则CSS毫无用处，所以CSS需要依赖HTML展示其功能。
CSS的基本使用
1.CSS的基本语法
? ? ? ? CSS样式由选择器和一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个CSS属性和属性值。
?
注意:
1.css声明要以分号;结束,声明以{}括起来
2.建议一行书写一个属性
3.若值为若干单词，则要给值加引号,如font famil: "agency fb";
CSS的定义：
选择器名
{
属性名:属性值;
属性名:属性值;
...........
}
注意点:
1.声明需要使用{}括起来，每个声明以分号;结尾
2.一行建议一个声明
3.如果样式的属性值由多个单词组成，则用引号引起来
CSS的注释
/*注释内容*/
CSS的三 种使用方式:
1.行内样式
直接写在标签上的样式，在标签上通过sty1e属性定义的样式
2.内部样式
定义在sty1e标签中的样式，style标签一 般设置在head标签中
3.外部样式
定义在外部的css文件中，通过link标签引入
注：当有多种样式的时候，越精准越优先
?
2.CSS基本选择器?
? ? ? 在CSS中，选择器是一种模式， 用于选择需要添加样式的元素。CSS选择器有很多,掌握常用的即可;
2.1通用选择器
选择所有
*{
........
}*{
color: red
}?2.2元素选择器
选择指定标签
元素名称{
.......
}p{
color:red;
font-size:20px;
}
2.3ID选择器
选择设置过指定id属性值的元素 #
#id属性值{
.......
}#p1{
font-weight:bold;
}?
2.4类选择器
选择设置过指定class属性值的元素 .
.class属性值{
.......
}.hidden{
display:none;
}?
2.5分组选择器
当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔
选择器1，选择器2，...{
......
}h2,#prel{
color:red;
font-style:italic;
}CSS样式的优先级，是根据选择器的精确度/权重来决定的，常见的权重如下，权重越大，优先级越高
元素选择器: 1
类选择器: 10
id选择器: 100
内联样式: 1000
3CSS组合选择器
? ? ? ?CSS组合选择器说明了两个选择器直接的关系。CSS组合选择符 包括各种简单选择符的组合方式。在CSS中包含了四种组合方式:后代选取器(以空格分隔)，子元素选择器(以大于号分隔)，相邻兄弟选择器(以加号分隔)，普通兄弟选择器 (以波浪线分隔)。
3.1后代选择器（派生选择器）
选择指定元素的所有指定后代元素，以空格隔开
选择器指定元素{
? ? ? ? ? 属性名: 属性值;...........
}
?
3.2子元素选择器
选择指定元素的第一代子元素， 以>隔开
选择器? ? >? 指定元素{
? ? ? ? ? 属性名:属性值;.......
}
?
3.3相邻兄弟选择器
选择指定元素的下一个指定元素，两者有相同的父元素，以加号+隔开
选择器+指定元素{
? ? ? ? ? ?属性名:属性值;........
}
3.4普通兄弟选择器
选择指定元素后面的所有指定元素， 两者有相同的父元素， 以波浪号~隔开
选择器~指定元素{
? ? ? ? ? 属性名:属性值;..........
}
?