标签名 |
作用 |
举例 |
div |
可将文档分割为多个区域模块,多用于网页布局 |
有序列表 无序列表 <ol> <ul> <li>第一个项目<li> <li>项目</li> <li>第二个项目<li> <li>项目</li> </ol> </ul> |
Ul,ol,li |
用来实现普通的项目列表,分别用来显示有序列表和无序列表 |
|
blockquote |
文本左右两端缩进 |
< blockquote > <p>引用的文本内容</p></ blockquote > |
h1-h6 |
用于创建网页中的标题。H1最大,h6最小 |
|
hr |
用于网页中插入一条水平分隔线 |
|
p |
用于显示段落。在默认状态下,段首会空两格 |
|
table,tr,td,th |
table用于表格外框,tr用于表格中的一行 td表示一个单元格,th表头单元格 |
|
a |
用于表示超链接 |
<a href=“#”>书签</a> |
img |
定义插入图片的对象 |
<img alt=“1” src=“#”> |
标签名 |
作用 |
举例 |
font |
改变字体大小与颜色 |
<font size=12 color=red> |
br |
换行 |
|
b |
字体加粗 |
|
i |
斜体字 |
|
del |
词中加划线表示删除 |
|
caption |
标题 |
|
Iframe |
页内框架 |
|
align |
居中 |
|
|
|
|
类别 |
举例 |
用法 |
类选择器 |
.abc{---} |
可多次使用 |
ID选择器 |
#div{---} |
只能使用一次 |
标签选择器 |
a{---} |
可多次使用 |
伪类选择器 |
a:link{---} |
如下 |
CSS2.0规则中的伪类选择器 |
|
伪类 |
作用 |
active |
鼠标按下未释放的样式 |
focus |
被使用Tab键选中时的样式 |
hover |
鼠标滑过时的样式 |
link |
未访问过的样式 |
visited |
已访问过的样式 |
first-child(letter,line) |
设置对象的第一个子对象(字,行)的样式 |
lang |
设置网页中某对象的语言 |
标签 |
作用 |
值 |
heigh |
高度 |
px |
width |
宽度 |
px |
font-size |
字体大小 |
px |
font-style |
字体样式 |
italic(斜体),oblique(倾斜字体),normal(默认值) |
font-family |
字体类型 |
宋体,-- |
font-weigh |
粗细程度 |
normal(默认值),bold(粗体),bolder(比默认粗一些),lighter(比默认细一些) |
font-width |
|
|
color |
字体颜色 |
red,#ffffff |
margin |
段落边距 |
px |
标签 |
作用 |
值 |
text-decoration |
文本修饰 |
none(默认值),blink(闪烁),underline(下划线),line-through(贯穿线),overline(上划线) |
line-heigh |
行高属性 |
px |
text-indent |
首行缩进 |
px,em(可为负值) |
text-align |
水平对齐方式 |
left(左对齐),right(右对齐),center(居中对齐),justify(两端对齐) |
writing-mode |
文本流动方向 |
lr-tb(水平自左向右,字符垂直向上),tb-rl(垂直自上向下,全角字符垂直向上,半角字符顺时针旋转90 度) |
direction |
控制文本流动方向 |
ltr(自左向右),rtl(自右向左),inherit(自父对象继承获得) |
word-break |
控制文本的字内换行 |
normal(允许在词间换行),break-all,keep-all(见p94) |
list-style-image |
设置网页中项目列表的自定义项目符号样式 分别为none和url |
|
list-style-position
|
设置项目列表符号的排列位置 outside和inside |
属性 |
说明 |
auto |
根据文本流动方向设置对齐方式 |
baseline |
默认值 |
sub |
垂直对齐文本的底部 |
super |
垂直对齐文本的顶部 |
top |
与顶端对齐 |
text-top |
文本与对象顶端对齐 |
middle |
内容与对象中部基线对齐 |
bottom |
对象与对象底部对齐 |
text-bottom |
对象文本与对象底部对齐 |
属性值 |
说明(项目列表符号) |
dis |
默认值,实心圆 |
circle |
空心圆 |
square |
实心方块 |
decimal |
阿拉伯数字 |
lower-roman |
小写罗马数字 |
upper-roman |
大写罗马数字 |
lower-alpha |
小写英文数字 |
upper-alpha |
大写英文数字 |
none |
不使用 |
属性名 |
作用与含义 |
取值 |
font-family |
字体 |
本机具有的字体 |
font-size |
大小 |
像素值(*px) |
font-weight |
粗细 |
normal bold bolder lighter |
font-style |
倾斜样式 |
normal italic oblique |
line-height |
行高 |
normal或像素值 |
text-decoration |
修饰 |
blink underline line-through(删除线) |
letter-spacing |
字母间隔 |
像素值 |
word-spacing |
单词间隔 |
像素值 |
text-indent |
段落首行缩进 |
像素值 |
text-align: right |
文字对齐 |
left right center |