CSS：层叠样式表
css注释 /* */
选择器：
类选择器：.class{
color:#00ff00;
}；
<p class="class"></p>;
ID选择器
#green{
color:#00ff00;
};
<p id="green"></p>;
标签选择器：
p{
color:#00ff00;
};
<p></p>;
伪类：
a:link{color:red} 鼠标点击前
a:visited{color:red} 鼠标点击后
a:hover{color:red} 鼠标悬浮其上时
a:active{color:red} 单击未释放的
设置格式：
内部样式表：<style></style>
内联样式：<p style=""></p>
外部样式表：创建一个外部的.css文件,把样式写在这个文件中谁想用这个样式，谁就引入这个css文件
引入方式：链接式<link rel="stylesheet" href="样式文件的路径"/>;
导入式<style>@import "css/types.css";</style>
字体属性：
color:red; 字体颜色
font-family： "隶书"; 字体类型
font-size：20px; 字体大小
font-style：italic; 字体风格
font-weight：bold; 字体粗细 normal 默认 bold 粗体字体 bolder 更粗的字体 lighter 更细的字体 100到900
font：italic bold 20px; "隶书"; 一起声明，属性值需要按顺序填写
文本对齐属性:
text-align 文本水平对齐方式
text-align:right/left/center 右边/左边/居中
首行缩进：text-indent
文本的行高：line-height
文本的装饰：text-decoration:underline;（下划线）/none(默认)/overline（上划线）/line-through（删除线）
文本垂直对齐方式：vertical-align :middle;
背景属性：
background-color:red; 和 background:red; 背景颜色
background-image:url("image/img1.jpg"); 背景图片引入路径
background-repeat: repeat; 沿水平和垂直两个方向平铺
background-repeat：repeat-x; 沿水平方向平铺
background-repeat：repeat-y; 沿垂直方向平铺
background-repeat：no-repeat; 不平铺，即背景图像只显示一次
background-position:205px 10px; 背景图片出现的位置从左上角开始（x/y）
background-position:30% 50%; 背景图片出现的位置（垂直方向居中，水平方向偏移30%）
background-position:right top; 背景图片出现的位置（右上角出现）
background:red url("image/1.jpg") 205px 10px no-repeat; 顺序写法
背景图片尺寸：
background-size:auto; 默认
background-size:200px 100px; 宽和高
background-size:cover; 填充满
background-size:contain; 自动比例缩放
盒子模型：
边框颜色：
border-top-color:red; 上边
border-right-color:red; 右边
border-bottom-color:red; 下边
border-left-color:red; 左边
边框粗细：
border-top-width:1px;
边框样式：
border-style:solid; (实线) / dotted(点线) / dashed(虚线) /double(双线)/hidden(隐藏)/none(默认)
一次设置：border:1px solid red;
外边距：margin:3px 5px 7px 4px;
margin:0px auto; 块居中 但必须有宽度width
内边距：padding:3px 5px 7px 4px;
圆角边框：border-radius
盒子阴影box-shadow:20px 10px 10px red; 外阴影向右偏移20像素，向下10像素，模糊半径(羽化)为10px
box-shadow:inset 20px 10px 10px red; 内阴影向右偏移20像素，向下10像素，模糊半径(羽化)为10px
标准文档流：
网页布局：display:
block; 块元素 竖着排列
inline; 行元素 横着排列
inline-block; 横着排列的块元素
none; 隐藏元素
浮动属性：float:right(向右浮动/left;(向左浮动)
清除浮动: clear
left 清除左浮动
right 清除右浮动
both 清除两边浮动
none 默认的
定位：position:relative; 相对定位
position:absolute; 绝对定位
osition:fixed; 固定定位
图层优先级：z-index:1; 默认优先级为0
图层透明度：opacity:x; x范围0-100 越小越透明
ilter:alpha(opacity=x);
