样式定义：
1、类定义 可以多次使用 要求：以点开始，后面用字母开头命名.name 调用：<any class="name"><any>
2、id定义 只能用一次 要求：以及#开头， #name 调用：<any id="name"></any>
3、标签名定义 eg: p{}
样式调用方式：
//页面内样式表
1、行内样式 范围：只在本页面中，其中行内样式范围只在这一行
<any style="样式名：样式值;"></any>
2、页面内样式
head中定义
<style>
.name{
样式名：样式值;}
</style>
<any class="样式名"></any>
//外部样式表 范围只要链接都可以起作用
3、链接式（链接页面外的样式）
在head中链接
<link rel="stylesheet" href="链接的外部css文件"/>
4、导入式
<style>
@import url(two.css);
</style>
<div></div>
5、
width:800px;/*宽*/
height:500px;/*高*/
margin:0 auto; /*居中*/
border:solid 1px red;/*边框线：实线 1像素 颜色
线型：solid 实线 dashed 虚线 double 双线 dotted 点状线
background-color:背景颜色
background:背景颜色/背景图像
background-image:背景图像
background:greenyellow url(../img/img1.jpg) no-repeat right bottom;
语法：
background:背景色 背景图像 是否重复 水平位置 垂直位置；
是否重复：no-repeat 不重复
repeat-x 水平重复
repeat-y 垂直重复
repeat 重复
水平位置：left 左 ，center 中 ， right 右 ，精确像素
垂直位置：top 上 ，center 中 ， bottom 下，精确像素
margin 边距
margin-left/margin-right/margin-top/margin-bottom
margin:a 表示四边边距都相同
margin:a b 表示上下为a，左右为b
margin:a b c 表示上为a 左右为b 下为c
margin:a b c d 表示 上a 右b 下c 左d
padding 填充
padding-left/padding-right/padding-top/padding-bottom
padding:a 表示四边填充都相同
padding:a b 表示上下为a，左右为b
padding:a b c 表示上为a 左右为b 下为c
padding:a b c d 表示 上a 右b 下c 左d
line-height: 行高 行间距
font-size:12px 字体大小
font-family : 字体
font-weight:bold;字体加粗
font-style:italic；字体倾斜 normal 正常
text-decoration:none/underline/overline 去下划线/加下划线/加上边线
超链接的4种状态（伪对象）
a:link 超链接访问前状态
a:hover 鼠标悬停时的样式
a:active 鼠标点击时的样式
a:visited 超链接访问后的样式
1、类定义 可以多次使用 要求：以点开始，后面用字母开头命名.name 调用：<any class="name"><any>
2、id定义 只能用一次 要求：以及#开头， #name 调用：<any id="name"></any>
3、标签名定义 eg: p{}
样式调用方式：
//页面内样式表
1、行内样式 范围：只在本页面中，其中行内样式范围只在这一行
<any style="样式名：样式值;"></any>
2、页面内样式
head中定义
<style>
.name{
样式名：样式值;}
</style>
<any class="样式名"></any>
//外部样式表 范围只要链接都可以起作用
3、链接式（链接页面外的样式）
在head中链接
<link rel="stylesheet" href="链接的外部css文件"/>
4、导入式
<style>
@import url(two.css);
</style>
<div></div>
5、
width:800px;/*宽*/
height:500px;/*高*/
margin:0 auto; /*居中*/
border:solid 1px red;/*边框线：实线 1像素 颜色
线型：solid 实线 dashed 虚线 double 双线 dotted 点状线
background-color:背景颜色
background:背景颜色/背景图像
background-image:背景图像
background:greenyellow url(../img/img1.jpg) no-repeat right bottom;
语法：
background:背景色 背景图像 是否重复 水平位置 垂直位置；
是否重复：no-repeat 不重复
repeat-x 水平重复
repeat-y 垂直重复
repeat 重复
水平位置：left 左 ，center 中 ， right 右 ，精确像素
垂直位置：top 上 ，center 中 ， bottom 下，精确像素
margin 边距
margin-left/margin-right/margin-top/margin-bottom
margin:a 表示四边边距都相同
margin:a b 表示上下为a，左右为b
margin:a b c 表示上为a 左右为b 下为c
margin:a b c d 表示 上a 右b 下c 左d
padding 填充
padding-left/padding-right/padding-top/padding-bottom
padding:a 表示四边填充都相同
padding:a b 表示上下为a，左右为b
padding:a b c 表示上为a 左右为b 下为c
padding:a b c d 表示 上a 右b 下c 左d
line-height: 行高 行间距
font-size:12px 字体大小
font-family : 字体
font-weight:bold;字体加粗
font-style:italic；字体倾斜 normal 正常
text-decoration:none/underline/overline 去下划线/加下划线/加上边线
超链接的4种状态（伪对象）
a:link 超链接访问前状态
a:hover 鼠标悬停时的样式
a:active 鼠标点击时的样式
a:visited 超链接访问后的样式