14、英文、数字在FF下不自动换行，需加以下代码：
word-wrap:break-word;
15、注意水平、垂直方向的对齐、留白问题。
16、网页宽度。
一般窄屏宽为760px，宽屏为950px。
17、样式的命名应该符合语义化要求，即一看样式名就可知道这个样式大概用在什么地方、有什么用途，方便以后调用、维护。如顶部样式则为.header。
css的语法结构由三部分组成：选择符（Selector）、属性（property）、和值（value）。
Selector {Property: value }
参数说明：
Property : value —样式表定义。属性和属性值之间用冒号(:)隔开，定义之间用分号(;)隔开。
常用css选择符
类选择符（.类名，页面中可使用多次）
英文网页为utf-8
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3、采用CSS链接方式，全站使用同一个CSS文件，实现内容与表现分离：
<link href="images/style.css" rel="stylesheet" type="text/css">
不要将样式直接写在页面html代码中，页面中不得使用<font></font>、<style>等标签。
4、CSS文件中需要对一些基本的标签进行定义或重置：
*{
padding:0;
margin:0;
}
body,td,th,div {
font-family:宋体;
font-size: 12px;
color: #000000;
9、html代码要适当缩进（可在代码前按TAB键，或页面全部做完后，在DW代码视图中执行“套用源格式”，不要有空白行。
10、网页中图片的使用。
1）网页中最好使用gif、jpg格式图片，由于png图片在浏览器中的兼容性还有问题，故不建议使用。
2）栏目标题背景、圆角背景、边框背景、标题前的icon图标等可以写在background:url( );里。
<html xmlns="/1999/xhtml">
框架页：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd">
使用英文逗号对选择符进行分隔，使得页面中所有的h1,h2,h3,p,span都将具有相同的样式定义。这样做的好处是对于页面中需要使用同样式的地方只需要书写一次样式表即可实现，减少代码量，改善css代码的结构。
包含选择符（标签子标签）
h1 span{font-weight:bold;}
当我们仅仅想对某一个对象中的子对象进行样式指定时，包含选择符就派上用场。
<h1>这是我们的一段文本<span>这是span内的文本</span></h1>
标签指定式选择符（标签类(id）)
如果既想使用id或class，也想同时使用标签选择符，可以使用如下格式：
h1.p1 {}
表示针对所有class为p1的h1标签。
组合选择符
h1 .p1 {}
表示h1标签下的所有class为p1的标签。
7、信息列表用ul,li形式，减少代码冗余。如：
<div>
<ul>
<li></li>
</ul>
</div>
8、W3C验证。通过W3C组织官方网站可以验证CSS是否符合标准，网址是：
/css-validator/check/referer
1）所有标签都必需使用小写
伪类及伪对象
a:hover {background-color:#333;}
CSS优先级
所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。
选择符
特性值
h1 {color:blue;}
1
p em {color:purple;}
2
.apple {color:red;}
10
p.bright {color:yellow;}
}
body {
background:#FFFFFF;
}
p{
line-height:150%;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
a链接
strong重点内容，加粗，seo中用于标示重点内容
em重点内容，斜体
label表单中用，提升用户体验
input单行文本框，单选框，复选框，按钮
select选择框
textarea文本框
button按钮
img图片
例：ex1.html（布局分析）
三、css基础、常用css样式、css引入方式
css基础
<html xmlns="/1999/xhtml">
2、网页编码声明：
简体中文网页为gb2312
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
繁体中文网页为big5
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
#content h1{}
表示id为content的标签下的所有h1标签。
h1.p1,#content h1{}
同时定义两个组合选择符。
h1#content h2{}
id为content的h1标签下的h2标签。
通配选择符(*谨慎使用)
* {background-color:#FFF;}
*号表示针对所有对象，包含所有不同id不同class的XHTML的所有标签。使用如上的选择符进行样式定义，页面中所有对象的背景色均为白色。
11
p.bright em.dark {color:brown;}
22
#id316 {color:yellow}
100
选择符
特性值
h1 {color:blue;}
1
p em {color:purple;}
p段落
ul,li无序列表
ol,li有序列表
dl,dt,dd释义列表
h1页面主标题
h2页面副标题
h3页面模块标题
h4-h7标题，因考虑seo原因，页面中用的不多
form表单
table,caption,thead,tbody,tr,th,td,tfoot表格相关
br强制换行
行级元素
span控制行级元素的样式，没有语义
<param name="WMODE" value="transparent"> //IE
<embed wmode="transparent"> //Firefox
13、设置网页滚动条的样式：
html {
scrollbar-face-color:#f6f6f6;
scrollbar-highlight-color:#fff;
2）所有标签内之属性都要有值且不可省略双引号或单引号
3）所有标签必须成对,若非成对需加上/在最后
4）一个网页最少要包含的标签
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>标题</title>
.nav{background:#ccc;}
id选择符(#id名，页面中只能使用一次)
#nav { color:#c00; }
标签选择符(标签名)
body { font-size:12px; }
p { color:blue; }
div { background:#ccc }
群组选择符（标签，标签）
h1,h2,h3,p,span{font:12pxarial;}
一、web标准
web标准不是某一个标准，而是一系列标准的集合。
web标准是由三大部分组成的标准集：
结构（structure）：HTML、XML、XHTML。
表现（presentation）：CSS。
行为（behavior）：DOM、ECMAScript。
二、常用html标签
块级元素
div用于页面布局
word-break: keep-all;
white-space: nowrap;
}
5、网页设计完成后，必须分别在Internet Explorer 6.0和Firefox3.0进行兼容性测试，确保页面表现在这两个主流浏览器中保持完全一致，无错位、重叠现象。
6、解决兼容性问题常用CSS代码有：
1）div对齐方式有居左、居中、居右三种方式，居中的要清除浮动：clear:both;否则就会有重叠现象。
