内联式样式表
定义：直接对html标签写样式，缺点：如果标签过多，需要写过多的样式
公式：style="样式属性:属性的值；样式属性:属性的值"
<p style="font-size:50px">aaaaaaaaa</p>
嵌入式样式表
特点：将公共的样式写在“head”部分里面的。缺点:如果加载样式的页面多，需要写重复内容。
公式：<style type="text/css">
<!-- ---的作用是：如果部分浏览器不支持样式表的话，他可以作为HTML里面的注释使用，不会显示代码。但一般的浏览器都支持。
标签|定义名字 { 属性:值;
属性:值;
属性:值;
属性:值;
//-->
</style>
<html>
<head>
<title>111</title>
<style>
<!--
p {font-size:3cm;
color:red;
background-color:green;
text-decoration:underline;
}
//-->
</style>
</head>
</html>
外部样式表
写在head里面的<link>标签中，可以将外部的标签导入到本页面中。
如：<link rel="stylesheet" type="text/css" href="css.css">
页面的其他地方同嵌入式css
其中css.css内容为，去掉了style标签的部分，如下：
p {font-size:3cm;
color:red;
background-color:green;
text-decoration:underline;
}
输入样式表
将一个css样式表导入到另外一个css样式表中，如：有两个css样式表，叫：css.css 和demo.css 在css.css导入demo.css，可在css.css写入：
@import url(demo.css)
样式规则的选择器
1.HTML选择器
直接修改html标签，如：p，div，h1等
2.类选择器 ----- 一对多
如：
公式：标签.类名字{}
p.z1{ xx1 } ---只能在p标签中使用z1样式
p.z2{ xx2 }
p.z3{ xx3 }
p.z4{ xx
css
clearfix(针对火狐height:auto无效解决方案)
Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。
例：
<div style=" border:2px solid #0CC; width:600px;" >
<div style="
wi ......
在进行div+css网页布局的时候，不可避免的需要插入一定的表单元素，input是其中最常见的一种。我们在布局中，常会遇到文本输入框与同处一行的文本不对齐的问题。这个问题设置input的vertical-align:middle属性来解决。
我们来看下面的例子，如何解决文本输入框与文本对齐的问题！
<!DOCTYPE html PUBLIC "-//W3C//DTD ......
