1、类型 :
字体: font-family:"宋体";
大小: font-size:14px;
粗细: font-weight:normal; 正常
font-weight:bold; 粗体
font-weight:bolder; 特粗
font-weight:lighter; 细体
font-weight:300; 粗细300 /*可以直接输入数值设定粗细*/
样式: font-style:normal; 正常
font-style:italic; 斜体
font-style:oblique; 偏斜体
变体: font-variant:normal; 正常
font-style:small-caps; 小型大写字母
行高: line-height:normal; 正常
line-height:22px; 数值展示行高
大小写:text-transform:capitalize; 首字母大写
text-transform:uppercase; 大写
text-transform:lowercase; 小写
text-transform:none; 无
修饰: text-decoration:underline下划线 overline上划线 line-through删除线 blink闪烁; /*可共存修饰*/
text-decoration:none; 无修饰
字体: color:#666000; 选择颜色或输入数值,选择颜色。输入需要带#号并输入数值。
2、背景:
背景颜色:background-color:#cccccc;
背景图片:background-image:url(images/001.jpg);
背景图片重复:background-repeat:no-repeat; 不重复
background-repeat:repeat; 重复
background-repeat:repeat-x; 横向重复
background-repeat:repeat-y; 纵向重复
背景图片附件:background-attachment:fixed; 固定
background-attachment:scroll; 滚动
背景图片水平位置:background-position:left; 左对齐
background-position:right; 右对齐
background-position:center; 居中
background-position:120px; 数值像素
background-position:top; 顶部
background-position:bottom; 底部
background-position:center; 居中
background-position:120px; 数值像素
3、区块:
单词间距:word-spacing:normal; 正常
word-spacing:22px; 数值像素
字母间距:letter-spacing:normal; 正常
letter-spacing:22px; 数值像素
垂直对齐:vertical-align:baseline; 基线
vertical-align:sub; 下标
vertical-align:super; 上标
vertical-align:top; 顶部
vertical-align:bottm; 底部
vertical-align:text-top; 文本顶对齐
vertical-align:middle; 中线对齐
vertical-align:text-bottm; 文本底对齐
vertical-align:120%; 数值百分比
文本对齐:text-align:left; 左对齐
text-align;right; 右对齐
text-align:center; 居中
text-align:justify; 两端对齐
文字缩进:text-indent:12px; 数值像素
空格: white-space:normal; 正常
white-space:pre; 保留
white-space:nowrap; 不换行
显示: display:none; 无
display:inline; 内嵌
display:block; 块
display:list-item; 列表项
display:run-in; 追加部分
display:inline-block; 内联块
display:compact; 紧凑
display:marker; 标记
display:table; 表格
display:inline-table; 内嵌表格
display:table-row-group; 表格行组
display:table-header-group; 表格标题组
display:table-footer-group; 表格注脚组
display:table-row; 表格行
display:table-column-group; 表格列组
display:table-column; 表格列
display:table-cell; 表格单元格
display:table-caption; 表格标题
display:inherit; 继承
4、方框:
方框 宽度:width:auto; 自动
width:12px; 像素数值
方框 高度:height:auto;自动
height:12px;像素数值
方框 浮动:float:left; 左对齐
float:right;右对齐
float:none; 无
方块 清除浮动: clear:left; 左对齐
clear:right;右对齐
clear:both; 两者
cleat:none; 无
填充: /*填充顺序为:上、右、下、左*/
padding-top:1px; 上填充
padding-right:2px; 右填充
padding-bottom:3px; 下填充
padding-left:4px; 左填充
/*上、右、下、左 统一像素数值*/
pandding:1px; 上、右、下、左 像素数值
边界: /*边界顺序为:上、右、下、左*/
margin-top:1px; 上边界
margin-right:1px; 右边界
margin-bottom:1px; 下边界
margin-left:1px; 左边界
/*上、右、下、左 统一像素数值*/
margin:1px; 上、右、下、左 像素数值
5、边框:/*边框顺序为:上、右、下、左*/
边框样式 上 border-top-style:;
右 border-right-style:;
下 border-bottom-style:;
左 border-left-style:;
none; 无
dotted; 点划线
dashed; 虚线
solid; 实线
double; 双线
groove; 槽状
ridge; 脊状
inset; 凹陷
outset; 凸陷
边框宽度 上 border-top-width:;
右 border-right-width:;
下 border-bottom-width:;
左 border-left-width:;
thin; 细
medium; 中
thick; 粗
12px; 像素数值
边框颜色 上 border-top-color:;
右 border-right-color:;
下 border-bottom-color:;
左 border-left-color:;
选择颜色或输入数值,选择颜色。输入需要带#号并输入数值。
6、列表
类型: list-style-type:disc; 圆点
list-style-type:circle; 圆圈
list-style-type:square; 方块
list-style-type:decimal; 数字
list-style-type:lower-roman; 小写罗马数字
list-style-type:upper-roman; 大写罗马数字
list-style-type:lower-alpha; 小写字母
list-style-type:upper-alpha; 大写字母
项目符号图像: list-style-image:url(连接地址);
list-style-image:none; 无
位置: list-style-position:inside; 内
list-style-position:outside; 外
7、定位
类型: position:absolute; 绝对
position:fixed; 固定
position:relative; 相对
position:static; 静态
宽: width:auto; 自动
width:1px; 数值
高: height:auto; 自动
height:1px; 数值
显示: visibility:inherit; 继承
visibility:visible; 可见
visibility:hidden; 隐藏
z轴: z-index:auto; 自动
z-index:1; 数值
溢出: overflow:visible; 可见
overflow:hidden; 隐藏
overflow:scroll; 滚动
overflow:auto; 自动
定位: top:auto; 上 自动
top:1px; 上 像素数值
right:auto; 右 自动
right:1px; 右 像素数值
bottom:auto; 下 自动
bottom:1px; 下 像素数值
left:auto; 左 自动
left:1px; 左 像素数值
剪辑: clip:rect(auto上自动,auto右自动,auto下自动,auto左自动);
clip:rect(1px上,1px右,1px下,1px左); 像素数值
8、扩展:
分页之前: page-break-before:auto; 自动
page-break-before:always; 总是
page-break-before:left; 左对齐
page-break-before:right; 右对齐
分页之后: page-break-after:auto; 自动
page-break-after:always; 总是
page-break-after:left; 左对齐
page-break-after:right; 右对齐