内联式样式表
定义：直接对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
比如：
<div class="row" id="form_domain_container">
<label for="domain">域名:</label>
<input name="domain" value="<{$do->domain_name|escape}>" type="text" id="domain" size="35" maxlength= ......
关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.
一、CSS HACK
以下两种方法几乎能解决现今所有HACK.
1, !important
随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)
< ......
当连续输入英语字符后，由于浏览器默认为一个单词，并不会换行处理，在IE6/IE7 中，我们可以添加css中的word-wrap 属性，实现自动换行。但是在IE8 版本中，该属性不支持。
我们可以采用判断浏览器版本后，使用JavaScript进行换行。
if ($.br ......
