淘宝网
/*
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,leg
end,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table
{border-collapse:collapse;border-spacing:0;}fieldset,img{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style.:normal;font-
weight:normal;}li{list-style.:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after
{content:'';}abbr,acronym{border:none;font-variant:normal;}sup
{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,button,textarea,select{font-family:inherit;font-
size:inherit;font-weight:inherit;}input,button,textarea,select{*font-
size:100%;}legend{color:#000;}del,ins{text-decoration:none;}small{font
-size:100%;}
*/
搜狐网
/*
body{font-family:'宋体';text-align:center;margin:0
auto;padding:0;background:#FFF;font-size:12px;color:#333;}
body > div{text-align:center;margin-right:auto;margin-left:auto;}
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-
weight:normal;}
ul,ol,li{list-style.:none}
table,td,input{font-size:12px;padding:0}
a{outline-style.:none;color:#333;text-decoration:none}
a:hover{color:#c00;text-decoration:underline;}
*/
新浪网
/*
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;font-size:12px; margin-top:5px;font-
family:"宋体";}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{text-decoration:underline;}
a:link{color:#009;}
a:visited{color:#800080;}
a:hover,a:active,a:focus{color:#c00;}
.clearit{clear:both;}
*/
土豆网
*/
*{margin:0;padding:0}
body{color:#000;background:#fff;font-size:12px; line-height:1.25;font-
family:Tahoma,sans-serif}
th,td{text-align:left;vertical-align:top}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal}
p{margin:0 0 1em 0}
blockquote{margin:0 0 1em 0}
a{color:#000}
* a{_font-family:Arial,sans-serif}
a:hover{text-decoration:none}
img{display:block;border:0}
ul{ margin:0;padding:0;list-style.:none}
ol{padding:0 0 0 2em}
dl,dt,dd{margin:0;padding:0}
form{display:block}
input,label,select,option,textarea,button,fieldset,legend{font-
size:1em; font-family:Tahoma,sans-serif}
input.text{color:#444;border-color:#9f9f9f #dcdcdc #dcdcdc
#9f9f9f;border-style.:solid;border-width:1px;padding:3px
2px;height:14px}
input.submit{border-color:#ddd #696969 #696969 #ddd;border-
style.:solid;border-width:1px;padding:2px;height:22px}
input.file{}
input.radio,input.checkbox{margin-right:2px}
*input.radio,input.checkbox{*margin:-2px 2px -2px -2px}
*input[type=radio],input[type=checkbox],x:-moz-any-link,x:default
{vertical-align:-3px}
*input.radio,input.checkbox{*vertical-align:-2px}
input.image{}
label.radio,label.checkbox{margin-right:5px}
select{}
option{}
textarea{border-color:#9f9f9f #dcdcdc #dcdcdc #9f9f9f;border-
style.:solid;border-width:1px;padding:1px}
.fix:after{ content:"."; display:block; height:0; clear:both;
visibility:hidden}
.fix{display:inline-block;min-height:1%}
*html .fix{zoom:1}
.fix{display:block}
*/
腾讯网
/*
body{margin:0;padding:0 0 12px 0;background:#fff;font-size:13px;line-
height:22px;}
div,p,li{font-family:Verdana,婼;font-size:13px;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;}
img{border:0;}
ul,li{list-style-type:none;}
li{font-size:13px;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}
.fh{height:22px;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-
left:-1px;}
.fc30{color:#303030;font-family:"宋体";}.fchot{color:#ff0700}
.f11{font-size:12px;font-family:tahoma;}
h4{font-weight:200;font-size:13px;cursor:pointer;}
h4 a{width:100%;heihgt:100%;display:block;}
a{color:#00007F;text-decoration:none;}
a:hover{color:#bd0a01;text-decoration:underline;}
a.lcblue{color:#0F479C;}
a.lchot{color:#bd0a01;}
.lchot{color:#bd0a01;}
*/
凤凰网
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,
blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style.:normal;font-
weight:normal;}
ol,ul {list-style.:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
body {font:12px "婼",arial,helvetica,clean,sans-serif}
table {font-size:inherit;font:100%;}
body * {line-height:16px;}
h1 {font-size:14px;}
h2 {font-size:14px;font-weight:normal;}
h3 {font-size:12px;}
h4 {font-size:12px;font-weight:normal;}
strong {font-weight:bold;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clear {clear:both;}
.clearfix:after { content: "."; display: block; height: 0;  clear:
both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.bold {font-weight:bold;}
.f14   {font-size:14px;}
.h20 { line-height:20px;}
.error {color:red;}
.black {color:#000;}
.white {color:#fff;}
.red {color:#e10007;}
.grey {color:#454545;}
.orange {color:#ff7200;}
.blue {color:#3a8ecf;}
.navy {color:#183b7d;}
*/
cctv
/*
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,dd,dt,dl,li,form,input
{margin:0;padding:0;}
body,a{color:#000;}
body, input, textarea{font:13px/1.3 Arial;}
li,
#main-fn-bar .searchBox{list-style.:none;font-family:"宋体";}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:none;}
h4, h5{font-size:13px;}
*/
新华网
/*
body,td,div { font-size: 12px; font-weight: normal; color: #005FA2; }
body,td,th { font-size: 12px; }
body {margin: 0px;background-image:url(http://imgs.xinhuanet.com/icon/home/2007/web_bg.gif);background-repeat:repeat-x;}
*/
工商银行
/*
TD
{font-size: 12px;text-decoration: none;}
INPUT{font-size: 12px;color: #000000;text-decoration: none;}
BODY{font-size: 12px;color: #000000;text-decoration: none;font-family: 宋体;}
SELECT{font-size: 12px;text-decoration: none;}
P{line-height: 150%;text-decoration: none;}
H1{font-weight: bold;font-size: 150%;text-decoration: none;}
H2{font-weight: bold;font-size: 14px;text-decoration: none;}
H3{font-weight: bold;font-size: 14px;text-decoration: none;}
*/
迅雷
/*
* {margin:0;padding:0;}
html {background:#FFFFFF;}
body {text-align:left;font:normal 12px/1.6em simsun, Verdana, Lucida,
Arial, Helvetica, sans-serif;color:#353535;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;text
-align:left;}
th,td {border-collapse:collapse;}
ol,ul {list-style.:none;}
a {text-decoration:none;color:#353535;}
a:hover {color:#CD0102;}
input,select,form. img,button {vertical-align:middle;}
button {border:0;cursor:pointer;}
img {border:0;}
em {font-style.:normal;}
*/
baidu有啊
/*
body{font:13px/1.4 arial,helvetica,sans-serif;text-align:center;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textare
a,select,button,th,td{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-
size:100%;font-weight:normal;}table{font-size:inherit;font:100%;}
input,select{font:100% arial,helvetica,clean,sans-serif;}button
{overflow:visible;}th,em,strong,b,address,cite{font-style.:normal;font-
weight:normal;}li{list-style.:none;}img,fieldset{border:0;}ins{text-
decoration:none;}
*/
泡泡网
/*
163
/*
body { text-align: center; font-family:"婼", arial;margin:0; padding:0;
background: #FFF; font-size:12px; color:#000;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }li
{list-style-type:none;}img{vertical-align:top;}strong{font-
weight:normal;}em {font-style.:normal;}h1,h2,h3,h4,h5,h6 { margin:0;
padding:0;font-size:12px; font-weight:normal;}
a:link {color: #1f3a87; text-decoration:none;}a:visited {color:
#83006f;text-decoration:none;}a:hover {color: #bc2931; text-
decoration:underline;}a:active {color: #bc2931;}/* Color
*/.cRed,a.cRed:link,a.cRed:visited{ color:#f00;
}.cBlue,a.cBlue:link,a.cBlue:visited,a.cBlue:active
{color:#1f3a87;}.cDRed,a.cDRed:link,a.cDRed:visited{
color:#bc2931;}.cGray,a.cGray:link,a.cGray:visited{ color:
#4F544D;}.cDGray,a.cDGray:link,a.cDGray:visited{ color:
#666;}.cWhite,a.cWhite:link,a.cWhite:visited{
color:#fff;}.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover
{color:#bc2931;}.cYellow,a.cYellow:link,a.cYellow:visited
{color:#ff0;}.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}/*
Font  */.fB {font-weight: bold;}.f12px{ font-size:12px;}.f14px{ font-
size:14px;}/* icon */.I_V_ {background:url
(http://img1.cache.netease.com/cnews/img09/icon.gif) left center no-
repeat; padding-left:16px;}/* Other */.left{ float: left;}.right{
float: right;}.clear{ clear: both; font-size:1px; width:1px; height:0;
visibility: hidden; }.clearfix:after{content:"."; display:block;
height: 0; clear: both; visibility: hidden;} /* only FF */.hidden
{display: none;}.unLine ,.unLine a{text-decoration: none;}.noBorder
{border:none;}
*/
163新闻页
/*
/* Global CSS */
body {text-align:center;font-family:宋体,serif;background:#ffffff;font
-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,te
xtarea,blockquote{padding:0; margin:0;}   table,td,tr,th{font-
size:12px;}li{list-style-type:none;}table{ margin:0 auto;}img{vertical
-align:top;border:none;}ol,ul {list-style.:none;}caption,th {text-
align:left;} h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
q:before,q:after {content:'';}abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal; font-
style.:normal;}/* link color font */a {color:#2b2b2b;text-
decoration:none;}a:visited {color:#83006f;text-decoration:none;}a:hover
{color:#BA2636;text-decoration:underline;}a:active {color:#BA2636;}
*/
msn中国站
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,leg
end,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border
-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style.:normal;font-
weight:400;}li{list-style.:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}em{font-
style.:italic;}a{outline:none;}input,button,select,textarea{font-
size:12px;vertical-align:middle;}img{vertical-
align:middle;}.clearfix:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}.clea
rfix{display:block;clear:both;}.clearfix2
{_height:1%;overflow:auto;}.mydebug{border:#000 solid 1px;}body{font-
size:12px;background-color:#FFF;font-family:"婼";}a .imgborder,a:link
.imgborder,a:visited .imgborder{border:1px solid #DDD;}a:hover
.imgborder{border:1px solid #333;}
*/
yahoo中国
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}address,caption,cite,code,dfn,em,th,var{font-style.:normal;font-weight:400;}ol,ul{list-style.:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}q:before,q:after{content:'';}body{font-family:Arial,Helvetica,sans-serif,SimSun;font-size:12px;text-align:center;}
*/
网站的rest
/*
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

. HTML 标 签

  这 些 标 签 用 于 建 立 具 有 文 本、 标 题 和 列 表 的 HTML 页 面。

1.1 注 释

〈！ --...-- 〉生 成 注 释

　

1.2 结 构 标 签

〈 HTML 〉 ... 〈 /HTML 〉 括 住 整 个 HTML 文 档。

可 以 包 含：〈 HEAD 〉〈 BODY 〉 标 签

　

〈 HEAD 〉 ... 〈 /HEAD 〉括 住 HTML 文 档 的 页 头。

可 以 包 含：〈 TITLE 〉〈 ISINDEX 〉〈 BASE 〉〈 LINK 〉〈 META. 〉〈 SCRIPT. 〉〈 STYLE. 〉

可 以 包 含 在：〈 HTML 〉

　

〈 BODY 〉 ... 〈 /BODY 〉括 住 HTML 文 档 的 主 体（ 文 本 和 标 签）。

可 以 包 含：〈 H1 〉〈 H2 〉〈 H3 〉〈 H4 〉〈 H5 〉〈 H6 〉〈 P 〉〈 OL 〉〈 UL 〉〈 DIR 〉〈 MENU 〉〈 DL 〉〈 PRE 〉〈 BLOCKQUOTE 〉〈 FORM. 〉〈 ISINDEX 〉〈 HR 〉〈 ADDRESS 〉

可 以 包 含 在：〈 HTML 〉

　

　

〈 BASE 〉 当 前 文 档 的 URL 全 称

可 以 包 含 在：〈 HEAD 〉

　

〈 ISINDEX 〉 表 明 该 文 档 是 一 个 可 用 于 检 索 的 网 关 脚 本

　

可 以 包 含 在：〈 BLOCKQUOTE 〉〈 BODY 〉〈 DD 〉〈 FORM. 〉〈 HEAD 〉〈 LI 〉

　

〈 LINK 〉

从 该 文 档 到 其 它 文 档 的 链 接。 一 般 是 由 HTML 生 成 程 序 使 用 的。 与 能 够 在 文 档 中 建 立 多 重 链 接 的〈 A 〉 不 同。〈 LINK 〉 表 示 将 文 件 作 为 一 个 整 体 进 行 链 接， 并 不 常 用。

可 以 包 含 在：〈 HEAD 〉

　

　

〈 META 〉

有 关 文 档 本 身 的 元 信 息； 例 如， 用 于 查 询 的 关 键 词， 用 于 获 取 该 文 档 的 HTTP 标 题， 有 效 期， 等 等。 元 信 息 通 常 以 关 键 字 / 值 的 方 式 成 对 出 现。

可 以 包 含 在：〈 HEAD 〉

　

　

〈 NEXTID 〉

用 于 表 示 下 一 个 文 档（ 可 以 供 管 理 HTML 的 工 具 使 用）。〈 NEXTID 〉 实 际 已 经 废 弃 不 用 了。

　

1.3 标 题 和 题 头

所 有 标 题 标 签 都 有 以 下 特 点：

可 以 包 含：〈 A 〉 〈 IMG 〉 〈 BR 〉 〈 STRONG 〉 〈 CODE 〉 〈 SAMP 〉 〈 KBD 〉 〈 VAR 〉〈 CITE 〉 〈 TT 〉 〈 B 〉〈 I 〉

可 以 包 含 在：〈 BLOCKQUOTE 〉〈 BODY 〉〈 PRE 〉〈 ADDRESS 〉〈 FORM. 〉 〈 TH 〉〈 TD 〉

　

〈H1 〉 ... 〈 /H1 〉 1 级 标 题

〈H2 〉 ... 〈 /H2 〉 2 级 标 题

〈 H3 〉 ... 〈 /H3 〉 3 级 标 题

〈 H4 〉 ... 〈 /H4 〉 4 级 标 题

〈 H5 〉 ... 〈 /H5 〉 5 级 标 题

〈 H6 〉 ... 〈 /H6 〉 6 级 标 题

〈 TITLE 〉 ... 〈 /TITLE 〉 文 档 的 题 目

可 以 包 含 在 : 〈 HEAD 〉

　

　

1.4 段 落

〈 P 〉 ... 〈 /P 〉 普 通 段 落 , 结 束 标 签 ( 〈 /P 〉 ) 是 可 选 的 .

可 以 包 含 : 〈 A 〉 〈 IMG 〉 〈 BR 〉 〈 EM 〉 〈 STRONG 〉 〈 CODE 〉 〈 SAMP 〉 〈 KBD 〉 〈 VAR 〉 〈 CITE 〉 〈 TT 〉 〈 B 〉 〈 I 〉

可 以 包 含 在：〈 BLOCKQUOTE 〉 〈 BODY 〉 〈 DD 〉 〈 FORM. 〉 〈 LI 〉

　

　

1.5 链 接

〈 A 〉 ... 〈 /A 〉

包 含 HREF 属 性 是 建 立 到 另 一 个 文 档 或 锚 点 的 链 接 ; 包 含 NAME 属 性 时 生 成 一 个 可 被 链 接 的 锚 点 .

可 以 包 含：〈 IMG 〉 〈 BR 〉 〈 EM 〉 〈 STRONG 〉 〈 CODE 〉 〈 SAMP 〉 〈 KBD 〉 〈 VAR 〉 〈 CITE 〉 〈 TT 〉〈 B 〉 〈 I 〉

可 以 包 含 在：〈 ADDRESS 〉 〈 B 〉 〈 CITE 〉 〈 CODE 〉 〈 DD 〉 〈 DT 〉 〈 EM 〉 〈 H1 〉 〈 H2 〉 〈 H3 〉 〈 H4 〉 〈 H5 〉 〈 H6 〉 〈 I 〉 〈 KBD 〉 〈 LI 〉 〈 P 〉 〈 PRE 〉 〈 SAMP 〉 〈 STRONG 〉 〈 TT 〉 〈 VAR 〉 〈 TH 〉 〈 TD 〉

　

　

1.6 列 表

〈 OL 〉 ... 〈 /OL 〉 有 序 ( 编 号 ) 列 表

可 以 包 含：〈 LI 〉

可 以 包 含 在：〈 BLOCKQUOTE 〉 〈 BODY 〉 〈 DD 〉 〈 FORM. 〉 〈 LI 〉 〈 TH 〉 〈 TD 〉

　

　

〈 UL 〉 ... 〈 /UL 〉 无 序 ( 圆 点 ) 列 表 .

可 以 包 含：〈 LI 〉

可 以 包 含 在：〈 BLOCKUOTE 〉 〈 BODY 〉 〈 DD 〉 〈 FORM. 〉 〈 LI 〉 〈 TH 〉 〈 TD 〉

　

〈 MENU 〉 .. 〈 /MENU 〉 菜 单 式 列 表

可 以 包 含：〈 LI 〉

可 以 包 含 在：〈 BLOCKQUOTE 〉 〈 BODY 〉 〈 DD 〉 〈 FORM. 〉 〈 LI 〉 〈 TH 〉 〈 TD 〉

〈 DIR 〉   目 录 列 表 . 目 录 一 般 小 于 20 个 字 符

可 以 包 含：〈 LI 〉

可 以 包 含 在：〈 BLOCKQUOTE 〉 〈 BODY 〉 〈 DD 〉 〈 FORM. 〉 〈 LI 〉 〈 TH 〉 〈 TD 〉

〈 LI 〉 用 于〈 OL 〉 , 〈 UL 〉 , 〈 MENU 〉 , 〈 DIR 〉 中 的 列 表 项

可 以 包 含：〈 A 〉 〈 IMG 〉 〈 BR 〉 〈 EM 〉 〈 STRONG 〉 〈 CODE 〉 〈 SAMP 〉 〈 KBD 〉 〈 VAR 〉 〈 CITE 〉 〈 TT 〉 〈 B 〉 〈 I 〉 〈 P 〉 〈 OL 〉 〈 UL 〉 〈 DIR 〉 〈 MENU 〉 〈 DL 〉 〈 PRE 〉 〈 BLOCKAUOTE 〉

可 以 包 含 在：〈 DIR 〉 〈 MENU 〉 〈 OL 〉 〈 UL 〉

　

　

〈 DL 〉 ... 〈 /DL 〉 定 义 或 词 汇 列 表 .COMPACT 属 性 定 义 了 一 种 紧 凑 格 式 .

可 以 包 含：〈 DD 〉 〈 DT 〉

可 以 包 含 在：〈 BLOCKQUOTE 〉 〈 BODY 〉 〈 DD 〉 〈 FORM. 〉 〈 LI 〉 〈 TH 〉 〈 TD 〉

〈 DT 〉 定 义 列 表 中 的 词 条 .

可 以 包 含：〈 A 〉 〈 IMG 〉 〈 BR 〉 〈 EM 〉 〈 STRONG 〉 〈 CODE 〉 〈 SAMP 〉 〈 KBD 〉 〈 VAR 〉 〈 CITE 〉〈 TT 〉 〈 B 〉 〈 I 〉

可 以 包 含 在：〈 DL 〉

　

〈 DD 〉 定 义 列 表 中 的 定 义

可 以 包 含：〈 A 〉 〈 IMG 〉 〈 BR 〉 〈 EM 〉 〈 STRONG 〉 〈 CODE 〉 〈 SAMP 〉 〈 KBD 〉 〈 VAR 〉 〈 CITE 〉〈 TT 〉 〈 B 〉 〈 I 〉 〈 P 〉 〈 OL 〉 〈 UL 〉 〈 DIR 〉 〈 MENU 〉 〈 DL 〉 〈 PRE 〉〈 TABLE 〉 〈 BLOCKQUOTE 〉 〈 FORM. 〉 〈 ISIDEX 〉

可 以 包 含 在：〈 DL 〉

　

　

1.7 字 符 格 式

所 有 字 符 格 式 标 签 具 有 以 下 特 性 :

可 以 包 含：〈 A 〉 〈 IMG 〉 〈 BR 〉 〈 EM 〉 〈 STRONG 〉 〈 CODE 〉 〈 SAMP 〉 〈 KBD 〉 〈 VAR 〉 〈 CITE 〉 〈 TT 〉 〈 B 〉 〈 I 〉

可 以 包 含 在：〈 A 〉 〈 ADDRESS 〉 〈 B 〉 〈 CITE 〉 〈 CODE 〉 〈 DD 〉 〈 DT 〉 〈 EM 〉 〈 H1 〉 〈 H2 〉 〈 H3 〉 〈 H4 〉 〈 H5 〉 〈 H6 〉 〈 I 〉 〈 KBD 〉 〈 LI 〉 〈 P 〉 〈 PRE 〉 〈 SAMP 〉 〈 STRONG 〉 〈 TT 〉 〈 VAR 〉 〈 TH 〉 〈 TD 〉

　

1.8 其 他 元 素

〈 HR 〉 水 平 尺 线

可 以 包 含 在：〈 BLOCKQUOTE 〉 〈 BODY 〉 〈 FORM. 〉 〈 PRE 〉

　

〈 BR 〉 换 行

可 以 包 含 在：〈 A 〉 〈 ADDRESS 〉 〈 B 〉 〈 CITE 〉 〈 CODE 〉 〈 DD 〉 〈 DT 〉 〈 EM 〉 〈 H1 〉 〈 H2 〉 〈 H3 〉 〈 H4 〉 〈 H5 〉 〈 H6 〉 〈 I 〉 〈 KBD 〉 〈 LI 〉 〈 P 〉 〈 PRE 〉 〈 SAMP 〉 〈 STRONG 〉 〈 TT 〉 〈 VAR 〉

　

〈 NOBR 〉 ... 〈 /NOBR 〉 使 其 中 的 文 本 在 页 面 中 不 换 行

可 以 包 含 在：〈 A 〉 〈 ADDRESS 〉 〈 B 〉 〈 CITE 〉 〈 CODE 〉 〈 DD 〉 〈 DT 〉 〈 EM 〉 〈 H1 〉 〈 H2 〉 〈 H3 〉 〈 H4 〉 〈 H5 〉 〈 H6 〉 〈 I 〉 〈 KBD 〉 〈 LI 〉 〈 P 〉 〈 PRE 〉 〈 SAMP 〉 〈 STRONG 〉 〈 TT 〉 〈 VAR 〉

　

〈 WBR 〉 仅 在 必 须 时 才 在 其 中 不 换 行

可 以 包 含 在：〈 A 〉 〈 ADDRESS 〉 〈 B 〉 〈 CITE 〉 〈 CODE 〉 〈 DD 〉 〈 DT 〉 〈 EM 〉 〈 H1 〉 〈 H2 〉 〈 H3 〉 〈 H4 〉 〈 H5 〉 〈 H6 〉 〈 I 〉 〈 KBD 〉 〈 LI 〉 〈 P 〉 〈 PRE 〉 〈 SAMP 〉 〈 STRONG 〉 〈 TT 〉 〈 VAR 〉

　

〈 BLOCKQUOTE 〉 ... 〈 /BLOCKQUOTE 〉 用 于 大 段 的 引 用 .

可 以 包 含 在：〈 H1 〉 〈 H2 〉 〈 H3 〉 〈 H4 〉 〈 H5 〉 〈 H6 〉 〈 P 〉 〈 OL 〉 〈 UL 〉 〈 DIR 〉 〈 MENU 〉 〈 DL 〉 〈 PRE 〉 〈 BLOCKQUOTE 〉 〈 FORM. 〉 〈 ISINDEX 〉 〈 HR 〉 〈 ADDRESS 〉 〈 TABLE 〉

〈 CENTER 〉 ... 〈 /CENTER 〉 中 间 的 所 有 内 容 都 居 中 .

可 以 包 含：〈 A 〉 〈 IMG 〉 〈 BR 〉 〈 EM 〉 〈 STRONG 〉 〈 CODE 〉 〈 SAMP 〉 〈 KBD 〉 〈 VAR 〉 〈 CITE 〉 〈 TT 〉 〈 B 〉 〈 I 〉

可 以 包 含 在：〈 BLOCKQUOTE 〉 〈 BODY 〉 〈 DD 〉 〈 FORM. 〉 〈 LI 〉 〈 TH 〉 〈 TD 〉

〈 ADDRESS 〉 ... 〈 /ADDRESS 〉 用 于 文 档 作 者 的 签 名 和 其 它 信 息 .

可 以 包 含：〈 A 〉 〈 IMG 〉 〈 BR 〉 〈 EM 〉 〈 STRONG 〉 〈 CODE 〉 〈 SAMP 〉 〈 KBD 〉 〈 VAR 〉 〈 CITE 〉 〈 TT 〉 〈 B 〉 〈 I 〉

可 以 包 含 在：〈 BLOCKQUOTE 〉 〈 BODY 〉 〈 FORM. 〉

〈 BLINK 〉 ... 〈 /BLINK 〉(Netscape) 使 之 间 的 文 本 不 断 闪 烁 .

　

1.9 字 号

〈 FONT 〉 ... 〈 /FONT 〉 改 变 字 号 .

可 以 包 含：〈 A 〉 〈 IMG 〉 〈 BR 〉 〈 EM 〉 〈 STRONG 〉 〈 CODE 〉 〈 SAMP 〉 〈 KBD 〉 〈 VAR 〉 〈 CITE 〉 〈 TT 〉 〈 B 〉 〈 I 〉

可 以 包 含 在：〈 A 〉 〈 ADDRESS 〉 〈 B 〉 〈 CITE 〉 〈 CODE 〉 〈 DD 〉 〈 DT 〉 〈 EM 〉 〈 H1 〉 〈 H2 〉 〈 H3 〉 〈 H4 〉 〈 H5 〉 〈 H6 〉 〈 I 〉 〈 KBD 〉 〈 LI 〉 〈 P 〉 〈 PRE 〉 〈 SAMP 〉 〈 STRONG 〉 〈 TT 〉 〈 VAR 〉

　

〈 BASEFONT 〉 (Netscape) 设 置 当 前 文 本 的 默 认 字 体 .

可 以 包 含 在：〈 A 〉 〈 ADDRESS 〉 〈 B 〉 〈 CITE 〉 〈 CODE 〉 〈 DD 〉 〈 DT 〉 〈 EM 〉 〈 H1 〉 〈 H2 〉 〈 H3 〉 〈 H4 〉 〈 H5 〉 〈 H6 〉 〈 I 〉 〈 KBD 〉 〈 LI 〉 〈 P 〉 〈 PRE 〉 〈 SAMP 〉 〈 STRONG 〉 〈 TT 〉 〈 VAR 〉

一些很不错的css技巧,但也常为人们所忽略
一.区分大小写 
当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。 
二.不需要给背景图片路径加引号 
为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如： 
background:url("images/***.gif") #333;  
可以写为 
background:url(images/***.gif) #333;  
如果你加了引号，反而会引起一些浏览器的错误。 

三.用正确的顺序指定链接的样式 
当你用CSS来定义链接的多个状态样式时，要注意它们书写的顺序，正确的顺序是：:link :visited :hover :active。抽取第一个字母是"LVHA"，你可以记忆成"LoVe HAte"(喜欢讨厌)。 

四.清除浮动 
一个非常常见的CSS问题，定位使用浮动的时候，下面的层被浮动的层所覆盖，或者层里嵌套的子层超出了外层的范围。 
通常的解决办法是在浮动层后面添加一个额外元素，例如一个div或者一个br，并且定义它的样式为clear: both。这个办法有一点牵强，幸运的是还有一个好办法可以解决，参看这篇文章《How To Clear Floats Without Structural Markup》(注：本站将尽快翻译此文)。 
上面2种方法可以很好解决浮动超出的问题，但是如果当你真的需要对层或者层里的对象进行clear的时候怎么办？一种简单的方法就是用overflow属性，这个方法最初的发表在《Simple Clearing of Floats》，又在《Clearance》和《Super simple clearing floats》中被广泛讨论。 
上面那一种clear方法更适合你，要看具体的情况，这里不再展开论述。另外关于float的应用，一些优秀的文章已经说得很清楚，推荐你阅读：《Floatutorial》、《Containing Floats》和《Float Layouts》 

五.横向居中(centering) 
这是一个简单的技巧，但是值得再说一遍，因为我看见太多的新手问题都是问这个：CSS如何横向居中？你需要定义元素的宽，并且定义横向的margin，如果你的布局包含在一个层(容器)中，就象这样： 
body {  
text-align:center;  
}  
#wrap {  
width:760px; /* 修改为你的层的宽度 */  
margin:0 auto;  
text-align:left;  
}  

六.调试技巧：层有多大？ 
当调试CSS发生错误，你就要象排版工人，逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色，这样就能很明显看到层占据多大空间。有些人建议用border，一般情况也是可以的，但问题是，有时候border 会增加元素的尺寸，border-top和boeder-bottom会破坏纵向margin的值，所以使用background更加安全些。 
 

CSS控制文本自动换行的问题
用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象：（ 
总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。 
table{table-layout: fixed;} 
td(word-break: break-all; word-wrap:break-word;) 
注释一下： 
1.第一条table{table-layout: fixed;}，此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。 
2.td{word-break: break-all}，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句(word-wrap:break-word;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。 

HTML下在IE浏览器中的专有条件注释讲解
在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。 
同时，单就IE而言，因IE版本的升级更替，目前浏览者使用的主要停留在 IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页（XHTML+CSS）解释执行的显示状况不尽相同。并且，其他非IE浏览器与IE对某些CSS解释也不一样。所以，通过IE浏览器中的专有条件注释可有针对性的进行相关属性的定义。 
原文地址：http://www.quirksmode.org/css/condcom.html  
条件注释只能用于Explorer 5+ Windows(以下简称IE)(条件注释从IE5开始被支持)。如果你安装了多个IE，条件注释（Conditional comments）将会以最高版本的IE为标准（目前为IE 7）。 
条件注释只能在windows Internet Explorer(以下简称IE)下使用，因此我们可以通过条件注释来为IE添加特别的指令。 
通俗点，条件注释就是一些if判断，但这些判断不是在脚本里执行的，而是直接在html代码里执行的，比如： 
<!--[if IE]> 
这里是正常的html代码 
<![endif]--> 
1，条件注释的基本结构和HTML的注释(<!-- -->)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。  
2，IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。  
3，条件注释使用的是HTML的注释结构，因此他们只能使用在HTML文件里，而不能在CSS文件中使用。 
可使用如下代码检测当前IE浏览器的版本（注意：在非IE浏览器中是看不到效果的） 
<!--[if IE]> 
  <h1>您正在使用IE浏览器</h1> 
  <!--[if IE 5]> 
  <h2>版本 5</h2> 
  <![endif]--> 
  <!--[if IE 5.0]> 
  <h2>版本 5.0</h2> 
  <![endif]--> 
  <!--[if IE 5.5]> 
  <h2>版本 5.5</h2> 
  <![endif]--> 
  <!--[if IE 6]> 
  <h2>版本 6</h2> 
  <![endif]--> 
  <!--[if IE 7]> 
  <h2>版本 7</h2> 
  <![endif]--> 
<![endif]--> 
那如果当前的浏览器是IE，但版本比IE5还低，该怎么办呢，可以使用<!--[if ls IE 5]>，当然，根据条件注释只能在IE5+的环境之下，所以<!--[if ls IE 5]>根本不会被执行。 
lte：就是Less than or equal to的简写，也就是小于或等于的意思。 
lt ：就是Less than的简写，也就是小于的意思。 
gte：就是Greater than or equal to的简写，也就是大于或等于的意思。 
gt ：就是Greater than的简写，也就是大于的意思。 
! ：就是不等于的意思，跟javascrīpt里的不等于判断符相同 

Conditional comments属于CSS hack? 条件判断属于CSS hack吗？ 
严格地说是属于CSS hack。因为就好象其他真正的css hack一样，它使得我们可以给一些浏览器赋予特殊的样式，再则它不依赖于某个浏览器的BUG来控制另外一个浏览器（的样式）。除此之外，条件判断还能用来做一些超出CSS HACK范围的事情(虽然这种情况很少发生)。 
因为条件判断不依赖于某个浏览器的hack,而是一个经过深思熟虑的特色功能，所以我相信它是可以被放心地使用的。当然，其他浏览器也有可能支持条件判断（到目前为止还没有），但是看起来，他们应该不会使用如<!--[if IE]>这样的语法。 
应该如何应用条件注释 
本文一开始就说明了，因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样，具体就是对CSS的解释不同，我们为了兼容这些，可运用条件注释来各自定义，最终达到兼容的目的。比如： 
<!-- 默认先调用css.css样式表 --> 
<link rel="stylesheet" type="text/css" href="css.css" /> 
<!--[if IE 7]> 
<!-- 如果IE浏览器版是7,调用ie7.css样式表 --> 
<link rel="stylesheet" type="text/css" href="ie7.css" /> 
<![endif]--> 
<!--[if lte IE 6]> 
<!-- 如果IE浏览器版本小于等于6,调用ie.css样式表 --> 
<link rel="stylesheet" type="text/css" href="ie.css" /> 
<![endif]--> 
这其中就区分了IE7和IE6向下的浏览器对CSS的执行，达到兼容的目的。同时，首行默认的css.css还能与其他非IE浏览器实现兼容。 
注意：默认的CSS样式应该位于HTML文档的首行，进行条件注释判断的所有内容必须位于该默认样式之后。 
比如如下代码，在IE浏览器下执行显示为红色，而在非IE浏览器下显示为黑色。如果把条件注释判断放在首行，则不能实现。该例题很能说明网页对IE浏览器和非IE浏览器间的兼容性问题解决。 
<style type="text/css"> 
body{ 
background-color: #000; 
} 
</style> 
<!--[if IE]> 
<style type="text/css"> 
body{ 
background-color: #F00; 
} 
</style> 
<![endif]--> 
同时，有人会试图使用<!--[if !IE]>来定义非IE浏览器下的状况，但注意：条件注释只有在IE浏览器下才能执行，这个代码在非IE浏览下非单不是执行该条件下的定义，而是当做注释视而不见。 
正常就是默认的样式，对IE浏览器需要特殊处理的，才进行条件注释 

CSS教程之css选择器 、属性、值
body {  
  font-size: 0.8em;  
  color: navy;  
}  
　　上面的意思是为body选择器设置font-size字体大小和color字体颜色。  
　　所以基本的，当它作用与HTML页面时，在body标签（整个窗口中的内容）之间的文字颜色是navy字体大小是0.8ems。  
长度和百分比  
　　CSS里面有许多属性值要指定单位，但有些基本单位被使用在一些属性上，在这之前值得属性下它们。  
　　em比如font-size:2em给于字体计算出的大小，所以2em就是实际字体大小的两倍。  
　　px比如font-size:12px是pixel像素的单位。  
　　pt比如font-size:12px是points镑的单位。  
　　%比如font-size:80%是百分比  
　　其他单位包括pc（12点西文活字）、cm（厘米）、mm（毫米）和in（英寸）  
　　当值是零的时候，不需要单位，例如：border:0意思没有边框。  
　　网页不是静态的、绝对的媒体。这意味着内能伸缩变形，用户应该被允许调整自己喜欢的方式，包括字体大小和屏幕大小。  
　　因为这样，建议使用"em"和"%"在font-size上（宽度和高度），相比下px不能够在大部分浏览器改变大小，所以要少用，可以用在边框的大小上。

firefox css自动换行的实现方法
IE直接用:
word-break:break-all; /*允许词内换行*/  
word-wrap:break-word; /*内容将在边界内换行*/  
/*需要注意的默认是：*/  
word-wrap:normal /*允许内容顶开指定的窗口边界*/  
  而firefox却没有很好的实现办法 ，一个折中方案就是使用滚动条，但网上也提出了一种用js来判断换行的办法，这里摘录下(转自网络，特此说明)。 Javascrīpt复制代码 
<scrīpt type="text/javascrīpt">  
function toBreakWord(intLen, id){  
  var ōbj=document.getElementById(id);  
  var strContent=obj.innerHTML;  
  var strTemp="";  
  while(strContent.length>intLen){  
  strTemp+=strContent.substr(0,intLen)+"<br>";  
  strContent=strContent.substr(intLen,strContent.length);  
  }  
  strTemp+= strContent;  
  obj.innerHTML=strTemp;  
}  
</scrīpt>  
注：以上脚本放在</head>前面.  
同个页面单处调用： 
<div id="content">这里是要应用换行的内容</div><scrīpt type="javascrīpt">toBreakWord(60, "content");</scrīpt>  
同个页面多处调用： 
<div id="content">这里是要应用换行的内容</div><scrīpt type="javascrīpt">toBreakWord(60,"content");</scrīpt>  
<div id="content2">这里是要应用换行的内容</div><scrīpt type="javascrīpt">toBreakWord(60,"content2");</scrīpt>  
  注：把应用的JS写在</div>后面，其中60表示一行要显示多少字字符，注意多个调用时ID的相应变化，不能同一个ID名称，应用上面的方法后IE也会是按设定的字符数换行，但是IE里面支持自动换行，所以只要判断一下是否为IE，如果不是IE就不要输出上面的 XML/HTML复制代码 
<scrīpt language="javascrīpt">toBreakWord(60, "content");</scrīpt>  

font和line-height之CSS代码书写顺序不同，导致显示效果不一样
无意中发现，针对同一HTML标记，在CSS中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。 
即： 
>>> 如果先写font，再写line-height，显示效果正常 
>>> 如果先写line-height，再写font，则line-height定义的效果会丢失，在IE、Firefox、Opera下都出现这种BUG 
具体效果请看以下代码： 
<p>h1：</p> 
<h1 style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - 专注Web技术，体验开发乐趣！</h1> 
<h1 style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - 专注Web技术，体验开发乐趣！</h1> 
<p>div：</p> 
<div style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - 专注Web技术，体验开发乐趣！</div> 
<div style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - 专注Web技术，体验开发乐趣！</div>