一、CSS引入
1.行内样式
2.内部样式
将CSS代码集中放在HTML的<head>标签内，并使用<style>标签定义
3.外部样式
放在以.css结尾的文件内，通过<link>标签链接
<link rel=”stylesheet” type=”text/css” href=”文件地址” />
二、选择器
1.元素选择器
将html标记名作为选择器，为某一类标记统一css样式
2.ID选择器
使用#进行标识，后面紧跟id名
3.类选择器
使用.进行标识，后面紧跟类名，
4.属性选择器
在标签后面使用中括号标记，这个选择器一般是对元素选择器的扩展，对一组标签进一步过滤
<style>
input[type=”text”]{
background-color:yellow;
}
input[type=”password”]{
color:red;
}
</style>
5.包含选择器
两个标签之间使用空格，给指定父标签的后代标签设置样式
三、CSS样式
1.边框和尺寸
border\width\height
border:宽度 样式 颜色
样式取值：solid实线，none无边，double双线
2.布局
左右排版float
常用属性：left，right，none(默认)
清除浮动clear
常用属性：left(不允许左侧有浮动元素的影响)，right(不允许右侧有浮动元素的影响)，both(清除两侧浮动元素的影响)
3.行内标签和块标签转换
display
常用属性
inline，此元素将显示为行内元素(行内元素默认此属性)
block，此元素将显示为块元素(块内元素默认此属性)
inline-block，将对象呈递为内联对象，但对象的内容作为块对象呈递
none，此元素将被隐藏，不显示，也不占用页面空间
4.颜色color
5.背景色background-color
6.盒子模型
1) 内边距padding
希望h1元素各边都有10像素的内边距
h1{padding:10px;}
按照上右下左的顺序设置内边距
h1{padding:10px 0.25ex 2ex 20%;}
用单独的属性，分别设置上右下左
padding-top上；padding-right右；padding-bottom下；padding-left左
2) 边框border
border-top-style
border-right-style
border-bottom-style
border-left-style
3) 外边距margin
margin-top
margin-right
margin-bottom
margin-left