第十四章 文本的精细排版
<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 长按链接所显示的颜色;