CSS基础

####css的三大特性
1.继承性
子元素可以继承祖先元素中的部分属性，只能继承color/font-开头/text-开头
/line-开头的属性，某些特定元素自带显示效果不受继承的影响

2.层叠性
通过不同的选择器可以选择到同一个元素，如果作用的属性不同则全部生效，
如果没有设置的是相同的样式则根据优先级决定
3.优先级
作用范围越小优先级越高,直接选中优先级高于间接选中（继承）
id>class>标签名>继承
#########CSS
1.CSS层叠样式表 美化页面
2.引入方式：
-内联样式：在标签内部的style属性里面写样式，优先级最高，不能复用
-内部样式：在head标签每部添加style标签，标签体内写样式，好处本页面内
复用，不能多页面复用
-外部样式：在单独的css文件中写样式代码，在HTML页面中head标签里面
通过link标签引入css文件，好处可以多页面复用
3.选择器
-基础选择器：标签名选择器div{}id选择器#id{} 类选择器。class{}
-属性选择器 基础选择器哦[属性名=‘值’]{}
-任意选择器*{}
-子孙选择器div span a{}
-子类选择器div>span>a{}
伪类选择器 未访问状态a:link 访问过a:visited 悬停a:hover 点击 a:action
-分组选择器 div,span{}
4.颜色赋值
-颜色单词
-6位16进制
-3位16进制
3位10进制
-4位10进制透明度
5.背景
-背景颜色 background-color
-背景图片 background-image
-背景图尺寸 background-size:200px 100px
-禁止重复 background-repeat：no-repeat
-背景图位置 background-position：top/right/bottom/left/center通过百分比
6.盒子模型
-宽高，外边框，边框，内边距
外边距：元素边框距上级元素或相邻兄弟元素的距离，margin:left/right/top/bpttom
margin:10px 20px 30px 40px
块级元素：全部生效
行内元素：上下不生效
粘连问题：当元素的上边缘和上级元素的上边缘重叠时会出现粘连问题，通过
overflow:hidden解决
左右相邻外边距相加，上下响铃外边距取最大值
-边框：border-left/right/top/bottom:边框粗细像素 边框的样式
solid颜色
块级元素：全部生效，影响元素的宽高
行内元素：全部生效，只影响框框不影响高度
-内边距：元素边框距内容（文本或子元素）的距离，padding赋值方式和外边距于洋
块级元素：全部生效，之影响元素的宽高
行内元素：全部生效，只影响宽度不影响高度
-宽高：块级元素可以修改宽高，行内元素的宽高由内容决定
7.文本相关
-文本水平对齐方式：text-align:left/right/center
-文本修饰：text-decoration:overline/underline/line-through/none
颜色：color:red
阴影：text-shadow:颜色 x偏移 y偏移 模糊度 值越大越模糊
文本行高：line-height:用于解决文本垂直对齐问题
8.字体相关
-字体大小：font-size
-字体 加粗：font-weight:bold/normal
-斜体：font-style:italic
-字体：font-famliy:字体名称 可以写多个
9.溢出设置 overflow
-超出显示 overflow:visible;默认
-超出隐藏：overflow:hidden
-超出滚动 overflow:scroll
10显示方式display
-块级display:block 独占一行 可以修改宽高
行内display:inline 共占一行 不可以修改宽高
-行内块display:inline-block 可以修改宽高也可以显示在统一行
11.定位方式
-静态定位/文档流定位：（默认）
-相对定位：不脱离文档流，元素偏移值相对于元素的初始位置
-绝对定位：脱离文档流，元素偏移值相对于窗口或做了相对定位的祖先元素
-固定定位：脱离文档流，元素偏移值相对于窗口
-浮动定位：脱离文档流，元素会在当前所在行内向左或向右浮动，当撞到上级
元素边框或同级其他浮动的元素边框时通纸，如果一行显示不下会自动折行，折行
时可能会被卡住，如果上面有浮动元素又不希望元素顶上去可以给元素添加
clear属性，如果元素的所有子元素全部浮动的话元素自动识别的高度为0，通过
overflow:hidden解决
12行内元素垂直对齐方式 vertival-align:baseline/top/bottom/middle
13.CSS三大特性
-继承：元素可以继承祖先元素中的部分属性，只有文本相关和字体相关可以继承
-层叠：不同的选择器可以选择同一个元素，如果作用的样式不同，则全部生效
如果样式相同，优先级高的决定
-优先级：作用范围越小 优先级越高 id>class>标签名>继承