常用的HTML标签总结3

第十四章 文本的精细排版

<vertical-align>
作用：垂直对齐

常用属性：
baseline 将对象的内容与基线对齐，是默认值；
sub 垂直对齐文本下标；
super 垂直对齐文本的上标；
top 将对象的内容于对象顶端对齐；
text-top 将对象的文本与对象顶端对齐；
middle 将对象内容与对象中部对齐；
bottom 将对象的内容与对象低端对齐；
text-bottom 将对象的文本与对象低端对齐；

<text-aling>

作用：文本对齐方式

常用属性：
left 左对齐；
center 居中对齐；
right 右对齐；
justify 两端对齐；

<white-space>

作用：处理空白区

常用属性：
normal 默认，文本自动换行；
pre 保留换行和空白；
nowrap 文本不允许换行；
pre-wrap 同pre属性，但是遇到超出容器范围的时候会自动换行；
pre-line 同pre属性，但是遇到连续空格会被看做是一个空格；

<display>

作用：显示

常用属性：
none 此元素不会被显示；
block 显示块级元素，前后会带有换行符；
inline 默认，显示为内联元素前后没有换行符；
inline-block 行内块元素；
list-item 此元素会作为列表显示；
run-in 根据上下文作为块级元素或内联元素显示；
table 块级表格显示，前后带有换行符；

第十五章 方框和边框

<borer-style>

作用：边框样式

常用属性：
none 没有边框；
dotted 点线式边框；
dashed 破折线式边框；
solid 直线式边框；
double 双线式边框；
groove 槽线式边框；
ridge 脊线式边框；
inset 内嵌式边框；
outset 突起效果的边框；

<clear>

作用：清除

常用属性：
left 左边不允许有浮动元素；
right 右边不允许有浮动元素；
both 左右两边都不允许有浮动元素；
none 默认值，关闭清除属性，左右两边允许有浮动元素；

第十六章 css布局

常见的块级标签：

address  地址      blockquote 块引用

center  居中       dir   目录列表

div  盒子          form  表单

dl  定义列表       h1-6  1~6号标题

hr  水平分割线     menu  菜单列表

ol 有序列表        pre  格式化文本

p  段落            table 表格

ul 无序列表        li  列表选项

 

常见的内敛标签：

a    链接           br  换行

em   强调           font 字体

i    斜体           img  图片

input 输入框        label 表格标签

select 项目选择     span  常用内敛容器

strong 粗体         sub  下标

sup  上标           textarea 文本区域

u   下划线          button  按钮

iframe 内联框架

css页面模块命名规范：

hearder  头         content 内容

nav  导航           sidebar 侧栏

column 栏目         wrapper 页面外围控制整体布局宽度

loginbar 登陆条     logo 标志

banner  广告        main  页面主体

hot  热点           news  新闻

download 下载       subnav 子导航

menu 菜单           submenu 子菜单

search 搜索         friendlink 友情链接

footer 页脚         copyright 版权

scroll 滚动

第十七章 列表和导航菜单

<list-style-type>

作用：列表样式

属性：

disc  实心圆形点；
circle 空心圆圈；
square 正方形；
decimal 十进制数字；
decimal-leading-zero 十进制数字；
lower-roman 小写罗马文字；
upper-roman 大写罗马文字；
lower-greek 小写希腊字母；
lower-alpha 小写英文字母；
upper-alpha 大写英文字母；
none 无；

第十八章 定位和css滤镜

<position>

作用：定位方式

属性：
absolute 绝对定位，位置不会随网页大小而改变；
fixed 是特殊absolute ，即fixed总是以body为定位对象的，按照浏览器的窗口进行定位；
relative 相对定位，位置会随网页大小改变而改变；
static 无定位，默认设置；

<overflow>

作用：层的溢出

属性：
visible 增加层的大小，从而将层的所有内容显示出来；
hidden 保持层的大小不变，将超出层的内容剪裁掉；
scroll 总是显示滚动条；
auto 只有在内容超出层的边界时才会显示滚动条；

第十九章 css美化网站

链接的四种状态：
a:link 网页中未访问的链接颜色；
a:visited 点击链接的颜色；
a:hover 鼠标移到链接上的颜色；
a:active  长按链接所显示的颜色；