CSS基础知识~
CSS:层叠样式表
div:容器
开发过程中，通常使用DIV+CSS进行内容布局
-------------------------------------------
1.CSS代码出现的位置
1.1 出现在标签中
<tag style="CSS代码" />
作用范围：仅作用于当前标签
1.2 出现<style></style>代码块中(结合选择器使用)
<head>
<style>
CSS.....
</style>
<head>
作用范围：作用于当前整个html
1.3 出现在外部文件中（规范性写法）
首先，需要新建一个专门用于书写CSS代码的文件 (后缀名为.css的文件)
其次，在需要引入CSS文件的HTML文件中书写：<link rel="stylesheet" type="text/css" href="CSS文件的路径" />
作用范围：只要导入了这个CSS，那么可以作用于所有HTML
-------------------------------------------
2.选择器：用于将某个元素选中
2.1 标签选择器：
标签名{CSS代码....}
2.2 class(类)选择器：
首先，在每个标签中都有一个class属性，用于为本标签指定类名
其次，在css中，使用.类名的方式来选中符合条件的标签
同一个HTML中，class名可以允许出现重复
2.3 id选择器：
首先，在每个标签中都有一个id属性，用于为本标签指定id名
其次，在CSS中，使用#id名的方式来选中符合条件的标签
同一个HTML中，id名不能出现重复，也就是id必须是唯一的
2.4 全局选择器：
*{CSS....}
选择器优先级：id > class > 标签 > 全局
位置优先级：就近原则
3.选择器的关系
3.1 并列关系：
选择器1,选择器2....{
}
表示这几个选择器都遵守同一段CSS代码规范
3.2 包含关系：
父选择器 子选择器{
}
表示选中指定的父选择器所包含的符合规则的子选择器
--------------------------
CSS中的注释：/* */
--------------------------
CSS控制字体：
color:控制文字颜色
font-size:控制文字大小
font-family:控制字体样式
font-weight:控制字体粗细 bold/normal
text-decoration:underline -- 下划线
line-through -- 中划线
overline -- 上划线
none -- 使用所有线消失(用于取消a标签的下划线)
font-style:italic :设置文字为斜体
CSS控制容器大小与边框：
边框：border-width:边框宽度
border-color:边框颜色
border-style:边框样式 solid(实线) double(双实线) dotted(虚线)
简写：border:宽度 颜色 样式
width:控制容器宽度
height:控制容器高度
注意：border可以只设置指定方向的样式，分别使用border-top border-right border-left border-bottom
块级元素：自身占一整行，会受到宽度和高度的影响
p div ul ol li h1~h6
行内元素：大小由内容决定，不会受到宽度和高度的影响
a img span form i b s ....
容器的相互转换：
display:block -- 表示使当前元素以块级元素显示
display:inline -- 表示使当前元素以行内元素显示
文档流
CSS控制背景：
背景颜色：background-color:颜色代码
背景图片：background-image: url(路径);
background-repeat:no-repeat / repeat-x / repeat-y / repeat
background-attachment:fixed 固定背景图片，使其不能随滚动条的滚动而滚动
background-position:背景图片定位
background-position:center -- 表示基于当前容器居中显示
background-position:水平 垂直 -- 表示在不同方向设置对齐方式
注意：除了可以给固定值，还可以比例坐标
background-position:left bottom
50px -40px
CSS控制文本：
text-align:文本水平方向对齐方式
left/center/right
line-height:设置文本行高
注意:如果行高 == 容器高度，那么该内容会垂直居中(仅显于内容只有一行)
word-spacing：词间距
letter-spacing：字间距
