189-3859-6332
轻松、简单、快速！值得信赖的SEO顾问服务。
专业 敬业 职业
轻松、简单、快速！值得信赖的SEO顾问服务。
专业 敬业 职业
|
标签名 |
作用 |
举例 |
|
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 |
