很多网站已经不满足于一级标题的展示，可能很多的时候有二级标题，三级标题等等。那么如何设置二级标题以及如何把二级标题做的好看呢。下面的代码中注意：1.为了让二级标题有渐隐渐现的感觉，用了transition样式2.二级标题的定位始终是一个困扰我好久的难题。要确保一级标题有position属性(不能没有也不能设为static)，只有一级标题(父级标题)设了position属性，二级标题的position属性才能有相对于一级标题定位的效果，否则二级标题相对于谁定位呢？！！怎么能确保定位是否准确呢？！！这里关于position的问题确实很难搞明白，我的另外一篇博客有专门讲如何使用position属性以及static,relative,absoulte,fixed之间的区别。好了，讲了上面的注意事项，下面就是贴代码了，我在代码中也写了很多注释，便于理解和阅读。&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&&html xmlns=&http://www.w3.org/1999/xhtml&&&head&&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&&title&二级标题特效&/title&&style&.menu a{ color: #999; text-decoration: font-family:'Droid Serif', font-style: font-size:18px}.menu ul{list-style:}/*一级标题的样式规定li*/.menu ul li{ float: position: /*可以在这里看出给一级标题设置了position属性，值为relative*/margin-left:0 width:80 text-align:padding:5px 10px 5px 10 border:0px #FF0000} /*二级标题的样式规定ul*/.menu ul li ul{ visibility: -webkit-backface-visibility: /*可以在这里看出给一级标题设置了position属性，值为absoulte,这样才可以定位，这还是要归功于父标题也定义了position属性*/ position: padding-top: 8 left:-41 opacity: 0; -webkit-opacity:0; border:0px solid #000; transition: all .5s ease-in-} /*二级标题的样式规定li*/.menu ul li ul li{ margin-left: 0 width:180 color:#999; background-color:#FFF;}/*一级标题鼠标放上去一级标题规定样式*/.menu li:hover a,.menu li:hover{ color:#FFF; background-color:#00F}/*一级标题鼠标放上去二级标题显示*/.menu ul li:hover ul, .menu ul a:hover ul{visibility:opacity: 1;}/*一级标题鼠标放上去二级标题规定样式*/.menu ul li:hover li,.menu ul li:hover li a{ color:#999; background-color:#FFF;}/*二级标题鼠标放上去效果*/.menu ul li ul li:hover a,.menu ul li ul li:hover{ color:#FFF; background-color:#00F}&/style&&/head&&body&&div class=&menu&&&ul&&li&&a href=&#&&Home&/a&&/li&&li&&a href=&#&&Pages&/a&&ul&&li&&a href=&#&&Buttons&/a&&/li&&li&&a href=&#&&List Styles&/a&&/li&&li&&a href=&#&&Alert Boxes&/a&&/li&&/ul& &/li&&li&&a href=&#&&Feature&/a& &ul& &li&&a href=&#&&Typography&/a&&/li& &li&&a href=&#&&Shortcodes&/a&&/li& &/ul& &/li&&/ul&&/div&&/body&&/html&html 标题文字标签 文字格式控制标签 特定文字样式标签 使用教程
标题文字标签&hn&
&hn&标签用于设置网页中的标题文字，被设置的文字将以黑体或粗体的方式显示在网页中。
标题标签的格式：&hn align=参数&标题内容&/hn&
说明：&hn&标签是成对出现的，&hn&标签共分为六级，在&h1&...&/h1&之间的文字就是第一级标题，是最大最粗的标题；&h6&...&/h6&之间的文字是最后一级，是最小最细的标题文字。align属性用于设置标题的对齐方式，其参数为 left（左）， center（中)， right (右）。&hn&标签本身具有换行的作用，标题总是从新的一行开始。
&H1&&&/H1&　　　　　第一级标题
&H2&&&/H2&　　　　　第二级标题
&H3&&&/H3&　　　　　第三级标题
&H4&&&/H4&　　　　　第四级标题
&H5&&&/H5&　　　　　第五级标题
&H6&&&/H6&　　　　　第六级标题
请看下面的例子：
&title&标题示例&/title&
这是一行普通文字&P&
&H1&一级标题&/H1&
&H2&二级标题&/H2&
&H3&三级标题&/H3&
&H4&四级标题&/H4&
&H5&五级标题&/H5&
&H6&六级标题&/H6&
从结果可以看出，每一个标题的字体为黑体字，内容文字前后都插入空行。
&title&设定各级标题&/title&
&h1 align=&center&&一级标题。&/h1&
&h2&二级标题。&/h2&
&h3&三级标题。&/h3&
&h4&四级标题。&/h4&
&h5 align=&right&&五级标题。&/h5&
&h6 align=&left&&六级标题。&/h6&
&title&标题字体大小变化之范例&/title&
&h1&这是标题文字h1&/h1&
&h2&这是标题文字h2&/h2&
&h3&这是标题文字h3&/h3&
&h4&这是标题文字h4&/h4&
&h5&这是标题文字h5&/h5&
&h6&这是标题文字h6&/h6&
文字格式控制标签&font&
&font&标签用于控制文字的字体，大小和颜色。控制方式是利用属性设置得以实现的。
&font size=数字 face=字体名 color=颜色&被设置的文字&/font&
（1）size属性值从1～7表示文字的大小，取1时文字最小，取7时文字最大；
（2）face属性用来设置字体，如宋体、楷体、隶书、华文彩云和方正姚体等；如果用户的系统中没有face属性所指的字体，则将默认字体。
（3）color属性用来设置字体颜色。
文字的大小设置
&title&字号大小&/title&
&font size=7&这是size=7的字体&/font&&P&
&font size=6&这是size=6的字体&/font&&P&
&font size=5&这是size=5的字体&/font&&P&
&font size=4&这是size=4的字体&/font&&P&
&font size=3&这是size=3的字体&/font&&P&
&font size=2&这是size=2的字体&/font&&P&
&font size=1&这是size=1的字体&/font&&P&
&font size=-1&这是size=-1的字体&/font&&P&
文字的字体设置
&TITLE&字体&/TITLE&
&FONT face=&楷体_GB2312&&欢迎光临&/FONT&&P&
&FONT face=&宋体&&欢迎光临&/FONT&&P&
&FONT face=&仿宋_GB2312&&欢迎光临&/FONT&&P&
&FONT face=&黑体&&欢迎光临&/FONT&&P&
&FONT face=&Arial&&Welcom my homepage.&/FONT&&P&
&FONT face=&Comic Sans MS&&Welcom my homepage.&/FONT&&P&
文字的颜色
&TITLE&文字的颜色&/TITLE&
&BODY BGCOLOR=000080&
&FONT COLOR=WHITE&色彩斑斓的世界&/FONT&&BR&
&FONT COLOR=RED&色彩斑斓的世界&/FONT& &BR&
&FONT COLOR=#00FFFF&色彩斑斓的世界&/FONT&&BR&
&FONT COLOR=#FFFF00&色彩斑斓的世界&/FONT&&BR&
&FONT COLOR=#FFFFFF&色彩斑斓的世界&/FONT& &BR&
&FONT COLOR=#00FF00&色彩斑斓的世界&/FONT&&BR&
&FONT COLOR=#C0C0C0&色彩斑斓的世界&/FONT&&BR&
&title&文字属性的设置&/title&
&font size=1 face=宋体 color=red&1号字宋体红色 &/font&
&font size=2 face=隶书 color=black&2号字隶书黑色 &/font&
&font size=3 face=楷体 color=green&3号字楷体绿色 &/font&
&font size=4 face=华文彩云 color=crimson&4号字华文彩云深红色 &/font&
&font size=5 face=方正姚体 color=lavender&5号字方正姚体淡紫色 &/font&
&font size=6 face=方正舒体 color=blue&6号字方正舒体兰色 &/font&
&font size=7 face=华文彩云 color=pink&7号字华文彩云粉红色 &/font&
特定文字样式标签
在有关文字的显示中，常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。在html中用于这种功能的标签可以分为两类，物理类型和逻辑类型。
1、物理类型
(1)粗体标签&b& 放在&b&与&/b&标签之间的文字将以粗体方式显示。
(2)斜体标签&i& 放在&i&与&/i&标签之间的文字将以斜体方式显示。
(3)下划线标签&u& 放在&u&与&/u&标签之间的文字将以下划线方式显示。
&title&字体的物理类型&/title&
&font color=&#ff0000& size=&+2&&&b&这些文字是粗体的&/b&&/font&&br&&br&
&i&这些文字是斜体的&/i& &br&&br&
&u&这些文字带有下划线&/u&
2、逻辑类型
逻辑类型是使用一些标签来改变字体的形态和式样，以便产生一些浏览者习惯的或约定的显示效果，常用的逻辑类型标签有八种，放在标签之间的文字受其控制。
em标签：&em&用于强调的文本，一般显示为斜体字&/em&
strong标签：&strong&用于特别强调的文本，显示为粗体字&/strong&
cite标签：&cite&用于引证和举例，通常是斜体字&/cite&
code标签：&code&用来指出这是一组代码&/code&
small标签：&small&规定文本以小号字显示&/small&
big标签：&big&规定文本以大号字显示&/big&
samp标签：&samp&显示一段计算机常用的字体，即宽度相等的字体&/samp&
kbd标签：&kbd&由用户输入文本，通常显示为较粗的宽体字&/kbd&
var标签：&var&用来表示变量，通常显示为斜体字&/var&
dfn标签：&dfn&表示一个定义或说明，通常显示为斜体字&/dfn&
sup标签：12&sup&2&/sup&=144
sub标签：硫酸亚铁的分子式是fe&sub&2&/sub&so&sub&4&/sub&
&em&今天天气真好！&/em&今天天气真好！
&strong&今天天气真好！&/strong&今天天气真好！
&code&今天天气真好！&/code&今天天气真好！
&samp&今天天气真好！&/samp&今天天气真好！
&kbd&今天天气真好！&/kbd&今天天气真好！
&var&今天天气真好！&/var&今天天气真好！
&dfn&今天天气真好！&/dfn&今天天气真好！
&cite&今天天气真好！&/cite&今天天气真好！
标签(Tag):
------分隔线----------------------------
------分隔线----------------------------HTML+CSS基础课程
第1章 Html介绍
第2章 认识标签(第一部分)
第3章 认识标签(第二部分)
第4章 认识标签(第三部分)
第5章 与浏览者交互，表单标签...
第6章 开始学习CSS，为网页添加样式...
第7章 CSS样式基本知识
第8章 CSS选择器
第9章 CSS的继承、层叠和特殊性...
第10章 CSS格式化排版
第11章 CSS盒模型
第12章 CSS布局模型
第13章 CSS代码缩写，占用更少的带宽...
第14章 单位和值
css样式设置小技巧
文章的段落用&p&标签，那么文章的标题用什么标签呢？在本节我们将使用&hx&标签来制作文章的标题。
标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。&h1&是最高的等级。
&hx&标题文本&/hx& (x为1-6)
文章的标题前面已经说过了，可以使用标题标签，另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站。
注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如：&h1&腾讯网&/h1&
h1-h6标签的默认样式：
标签代码：
在浏览器中显示的样式：
从上面的图片可以看出标题标签的样式都会加粗，h1标签字号最大，h2标签字号相对h1要小，以此类推h6标签的字号最小。
我来试试：为文章添加标题
在右部编辑器中的第8行输入&h1&了不起的盖茨比&/h1&。
?不会了怎么办
1、别忘了h1标签的语法
& &h1&...&/h1&&
&!DOCTYPE HTML&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8&&
&title&h1-h6标题标签&/title&
&p&《了不起的盖茨比》为那个奢靡年代的缩影。盖茨比怀揣着对&美国梦&的期翼，投身到那个年代的灯红酒绿之中，却在名利场中看尽世态炎凉，以及浮华背后一切终将逝去的空虚怅惘。1925年《了不起的盖茨比》问世。 &/p&
&p&菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为&爵士乐时代&吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。&/p&
你发的评论可能会是问题？是否将他发到问答中
你的同学173209人
学过该课的人还学过
Copyright (C)
All Rights Reserved | 京ICP备 号-2
请输入讨论内容...
本次提问将花费2个积分
你的积分不足，无法发表
本次提问将花费2个积分
继续发表请点击 "确定"来自WordPress中文文档
在下面表格中左边是效果，右边是代码。请打开一个新窗口。并在中实验。
您所看到的
您所输入的
==一级标题==
===二级标题===
====三级标题====
另起一行没有作用。
但一个空行开始一个新段落。
另起一行没有
但一个空行开始一个新段落。
您可以在不开始新一段的情况下
另起一行。
您可以在不开始新一段的情况下&br&
另起一行。
符号列表很不错：
它们帮助整理材料
它们看上去很干净
注意符号必须是新一行的第一个字符。
*符号列表很不错：
**它们帮助整理材料
**它们看上去很干净
**注意符号必须是新一行的第一个字符。
数字列表也不错
#数字列表也不错
##容易理解
您甚至可以使用混合列表
还有层次哦
*您甚至可以使用混合列表
*#还有层次哦
定义列表  包含许多定义的列表
条目  条目的定义
; 定义列表 : 包含许多定义的列表
; 条目 : 条目的定义
每一行都可以
:每一行都可以
:::好几层呢
如果一行的开始是空格那么
它将会以其原始形式
在一个这样的字体中；
文字不会自动换行；
这在以下情况下会十分有用：
*粘贴格式化文字；
*数学公式；
*文字艺术；
注意: 这可能造成页面宽度太宽，使别人不易阅读。
如果一行的开始是空格那么
它将会以其原始形式
在一个这样的字体中；
文字不会自动换行
这在一下情况下会十分有用:
*粘贴格式化文字;
*数学公式;
*文字艺术;
居中文字。
&center&居中文字。&/center&
一条水平线将页面分隔成了上面
一条水平线将页面分隔成了上面
当您在对话页添加评语时，您应当签名。您可以输入三条～添加用户名：
或四条添加用户名及日期时间：
08:24 日 (UTC)
当您在对话页添加评语时，您应当签名。您可以输入三条～添加用户名：
或五条添加用户名及日期时间：
您所看到的
您所输入的
连接到[[最近更改]].
同样连接目标，不同的名字：。
同样连接目标，不同的名字：[[最近更改|最后更改]]。
链接到一个页面的某一章节：。
链接到一个页面的某一章节：[[如何编辑页面#wiki标记]]。
自动隐藏圆括号：。
自动隐藏名字空间
自动隐藏圆括号：[[翻译 (消含糊)|]]。
自动隐藏名字空间[[我们的帮助|]]
是一个还不存在的页面。
您可以点击它来创建。
完成后搜索该题目来确定所有人都正确连接到它。
[[伦敦的天气]]是一个还不存在的页面。
将类似这段文字放在一条条目的第一行就会重定向该条目到另一条条目。注意该段文字之后不应有其他任何文字，否则不会成功。
#REDIRECT [[中华人民共和国]]
外部连接：[ donews
外部连接：
或者直接提供URL：.
或直接提供URL：
也可以这样（比较麻烦）：.
一个直接使用外部连接的小问题是在"http://" 之后的整段文字都是连接的一部分直到一个空格为止。 &p&
输入[]会出现一个意料不到的结果： .&p&
解决之道是重复URL两次，产生下面的结果：.
解决之道是重复URL两次：
一幅图片：
只有上载到DoNews wiki的图像才可以使用。请到。您可以在上查看已经上载的图像。
一幅图片：[[Image:Wiki.png]]
最新格式的一幅图片：
只有上载到DoNews wiki的图像才可以使用。请到。您可以在上查看已经上载的图像。
一幅图片：[[Image:Wiki.png|thumb|Wiki]]
点击一幅上载的图像后会出现一个描述页。您可以通过使用下面的方法直接连接到该描述页：
[[:Image:Wiki.png]]
要包括非图像上载文件，例如音像等，或要图像以连接的方式而不是图像本身显示，使用"media"连接。
[[media:Sg_mrob.ogg|声音]]
[[media:China_flag_medium.png|图像连接]]
&/td&&/tr&
要链接一本书，你可以使用链接，例如：ISBN X
&/td&&/tr&
您所看到的
您所输入的
强调, 强烈, 很强烈.
这些是两个及三个单引号，不是双引号。
''强调'', '''强烈''',
'''''很强烈'''''.
您也可以使用斜体和粗体，
如果您希望的效果是某种字体风格而不是强调，例如在下面的数学公式中：
然而，这两种方法的差别很小，大多数人选择忽略它。
您也可以使用&i&斜体&/i&和&b&粗体&/b&，
如果您希望的效果是某种字体风格而不是强调，例如在下面的数学公式中：
:&b&F&/b& = &i&m&/i&&b&a&/b&
您可以删除字体
或字体下划。
对编辑很有帮助。
您可以&strike&删除字体&/strike&&br&
或&u&字体下划&/u&。
变音及重音符号：
À Á Â Ã Ä Å
Æ Ç È É Ê Ë
Ì Í
Î Ï Ñ Ò
Ó Ô Õ
Ö Ø Ù
Ú Û Ü ß
à á
â ã ä å æ
è é ê ë ì í
î ï ñ ò ó ô
ö ø ù ú û
ü ÿ
&A &A &A &A &A &A
&AE &C &E &E &E &E
&I &I &I &I &N &O
&O &O &O &O &O &U
&U &U &U & & &
& & & & & &
& & & & & &
& & & & & &
& & & & & &
标点符号：
¿ ¡ « » § ¶
† ‡ • —
& & & & & &
商业符号：
™ © ® ¢ € ¥
£ ¤
& & & & & &
上标：x2或者x²
后一种方法无法在大多数情况下使用，但我们建议使用这种方法因为很多浏览器能够地更好显示。
8.85 × 10−12
C² / J m.
下标: x&sub&2&/sub&
上标: x&sup&2&/sup& or x²
ε&sub&0&/sub& =
8.85 × 10&sup&−12&/sup&
C² / J m.
希腊字母：
α β γ δ ε ζ
η θ ι κ λ μ ν
ξ ο π ρ
σ ς
τ υ φ χ ψ ω
Γ Δ Θ Λ Ξ Π
Σ Φ Ψ Ω
& & & & & &
& & & & & & &
& & & & & &
&G &D &T &L Ξ Π
&S &P &P &O
数学符号：
∫ ∑ ∏ √ − ± ∞
≈ ∝ ≡ ≠ ≤ ≥ →
× · ÷ ∂ ′ ″
∇ ‰ ° ∴ ℵ ø
∈ ∉ ∩ ∪ ⊂ ⊃ ⊆ ⊇
¬ ∧ ∨ ∃ ∀ ⇒ ⇔
& & & & & & &
& & & & & & &
& & & & & &P
& & & ∴ & &
& & & & & & & &
& & & & & &rA &hA
x2   ≥   0 true.
要分开文字，使用非分隔空格 - &.
&也防止在文字中间换行。这在方程式中十分有用。
&i&x&/i&&sup&2&/sup&&&&&&0 true.
Ascii文字艺术（每行开始处留空）：
∞ -x²
dx = √π
& -x²
在当前版本的DoNews wiki中使用了“目录”功能，该功能是自动启用的。当文中
包含多个段落时，会在文章的开头自动生成目录。你可以在标题的开始用一个__NOTOC__ 标记禁止这个功能。
您可以在维基百科中使用HTML表格，但是我们提供了更简单的表格编辑方法。
以下是维基百科定义的变量：
{{CURRENTMONTH}}
{{CURRENTMONTHNAME}}
{{CURRENTDAY}}
{{CURRENTDAYNAME}}
今天星期几
{{CURRENTYEAR}}
{{CURRENTTIME}}
当前时间（）
{{NUMBEROFARTICLES}}
目前的条目数
{{PAGENAME}}
当前页面标题
ITWiki:如何编辑页面
{{NAMESPACE}}
当前页面的名字空间
{{localurl:DoNews wiki:沙盒|edit}}
编辑页面的url
/index.php?title=DoNews_wiki:%E6%B2%99%E7%9B%92&edit
{{SERVER}}
当前的服务器}