css属性库
1.字体风格 : 样式名 { font-style:[normal (普通) 或 italic (斜体) 或 oblique (倾斜)]
font-size: 文字大小
line-height: 行高的大小
font-faminly: 字体
font-weight: 字体粗细
font-variant: 字体的变量
color:#000000 字体颜色:
text-transform: 字母的样式(首字母大写capitalize 或
大写:uppercase
小写:lowercase )
text-decoration: underline; 下划线
overline; 上划线
line-through;删除线
blink;闪烁 }
2.背景: 样式名{ 背景颜色 background-color:#000000 ;背景颜色
背景图片 background-image:url(地址);背景图片
重复 background-repeat: no-repeat;不重复
repeat;重复
repeat-x;横向重复
repeat-y;纵向重复
附件 background-attachment:fixed;固定
scroll;滚动
水平位置 background-position:left; 左对齐
center;居中
right;右对齐
垂直位置 background-positio n:top; 顶部
center;居中
bottom; 底部 }
3.区块: 样式名{单词间距:word-spacing:
字母间距:letter-spacing:
垂直对齐:vertical-align: (baseline;基线 sub;下标 super;上标
top;顶部text-top;文本顶对齐middle;中线对齐
bottom;底部 text-bottom;文本底对齐)
文本对齐:text-align:(left;左对齐 right;右对齐 center;居中 justify;两端对齐)
文字缩进:text-indent:
空格: white-space:(normal;正常pre;保留nowrap;不换行)
显示: display: (none;无 inline;内嵌 lock;块 list-item;列表项 run-in;compact;紧凑
marker;标记 table;表格 inline-table;内嵌表格 table-row-group;表格行组 table-header-group;表格标题组table-footer-group;表格注脚组
table-row; 表格行table-column-group; 表格列组 table-column;表格列
table-cell; 表格单元格 table-caption; 表格标题 )}
方框: 样式名:{ 宽: width:
高: height:
浮动: float:( left;左对齐 right;右对齐 none;无)
清除: clear:(left;左对齐 right;右对齐 both;两者 none;无)
填充: padding:1px(上) 1px(右) 1px(下) 1px(左)
边界: (margin:1px(上) 1px(右) 1px(下) 1px(左))}
上边界: margin-top:值
右边界: margin-right:
下边界: margin-bottom:
左边界: margin-left:
边界: margin:
上补白: padding-patop:
右补白: padding-right:
下补白: padding-bottom:
左补白: marging-left:
补白: padding:
上边框宽度: border-top-width:
右边框宽度: border-right-width:
下边框宽度: border-bottom-width:
左边框宽度: border-left-width:
边框宽度: border-width:
边框: 样式名:{样式: border: (none;无 dotted;点划线 dashed;虚线 solid;实线 double;双线 groove;槽壮 ridge;脊壮 inset;凹陷 outset;凹出)
宽度: border: (thin;细 medium;中 chick;粗)
颜色: border:(宽度 样式 颜色)}
分类属性: 显示: display:(block|inline|list-item|none)
空白: white-space:(normal|pre|nowrap)
目录样式类型: list-style-type:(disc圆点|circle圆圈|square方块|decimal数字 | lowewir-roman小写罗马数字|upper-roman大写罗马数字 | lower-alpha小写字母|upper-alpha大写字母|none无)
目录像是图像: list-style-image:(地址|none)
目录样式位置: list-style-position:(inside内|outside外)
目录样式: list-style:(目录样式类型|目录样式位置|地址)
定位: 类型: position:(absolute绝对|relative相对|static静态)
显示: visibility:(inherit继承|visible可见|hidden隐藏)
宽: width:
高: height:
Z轴: z-index:
溢出: overflow:(visible可见|hidden隐藏|scroll滚动|auto自动)
左: left上:top:右:right下:bottom
剪辑: clip:rect(上右下左)
扩展: 分页-之前: page-break-before:(auto自动|always总是|left左|right右)
之后: page-break-after:(auto自动|always总是|left左|reght右)
视觉效果-光标: cursor:(hand|crosshair|text|wait|default|help|e-resize|ne-resize|n-resize|nw-resize|
w-resize|sw-resize|s-resize|se-resize|auto)
1.字体风格 : 样式名 { font-style:[normal (普通) 或 italic (斜体) 或 oblique (倾斜)]
font-size: 文字大小
line-height: 行高的大小
font-faminly: 字体
font-weight: 字体粗细
font-variant: 字体的变量
color:#000000 字体颜色:
text-transform: 字母的样式(首字母大写capitalize 或
大写:uppercase
小写:lowercase )
text-decoration: underline; 下划线
overline; 上划线
line-through;删除线
blink;闪烁 }
2.背景: 样式名{ 背景颜色 background-color:#000000 ;背景颜色
背景图片 background-image:url(地址);背景图片
重复 background-repeat: no-repeat;不重复
repeat;重复
repeat-x;横向重复
repeat-y;纵向重复
附件 background-attachment:fixed;固定
scroll;滚动
水平位置 background-position:left; 左对齐
center;居中
right;右对齐
垂直位置 background-positio n:top; 顶部
center;居中
bottom; 底部 }
3.区块: 样式名{单词间距:word-spacing:
字母间距:letter-spacing:
垂直对齐:vertical-align: (baseline;基线 sub;下标 super;上标
top;顶部text-top;文本顶对齐middle;中线对齐
bottom;底部 text-bottom;文本底对齐)
文本对齐:text-align:(left;左对齐 right;右对齐 center;居中 justify;两端对齐)
文字缩进:text-indent:
空格: white-space:(normal;正常pre;保留nowrap;不换行)
显示: display: (none;无 inline;内嵌 lock;块 list-item;列表项 run-in;compact;紧凑
marker;标记 table;表格 inline-table;内嵌表格 table-row-group;表格行组 table-header-group;表格标题组table-footer-group;表格注脚组
table-row; 表格行table-column-group; 表格列组 table-column;表格列
table-cell; 表格单元格 table-caption; 表格标题 )}
方框: 样式名:{ 宽: width:
高: height:
浮动: float:( left;左对齐 right;右对齐 none;无)
清除: clear:(left;左对齐 right;右对齐 both;两者 none;无)
填充: padding:1px(上) 1px(右) 1px(下) 1px(左)
边界: (margin:1px(上) 1px(右) 1px(下) 1px(左))}
上边界: margin-top:值
右边界: margin-right:
下边界: margin-bottom:
左边界: margin-left:
边界: margin:
上补白: padding-patop:
右补白: padding-right:
下补白: padding-bottom:
左补白: marging-left:
补白: padding:
上边框宽度: border-top-width:
右边框宽度: border-right-width:
下边框宽度: border-bottom-width:
左边框宽度: border-left-width:
边框宽度: border-width:
边框: 样式名:{样式: border: (none;无 dotted;点划线 dashed;虚线 solid;实线 double;双线 groove;槽壮 ridge;脊壮 inset;凹陷 outset;凹出)
宽度: border: (thin;细 medium;中 chick;粗)
颜色: border:(宽度 样式 颜色)}
分类属性: 显示: display:(block|inline|list-item|none)
空白: white-space:(normal|pre|nowrap)
目录样式类型: list-style-type:(disc圆点|circle圆圈|square方块|decimal数字 | lowewir-roman小写罗马数字|upper-roman大写罗马数字 | lower-alpha小写字母|upper-alpha大写字母|none无)
目录像是图像: list-style-image:(地址|none)
目录样式位置: list-style-position:(inside内|outside外)
目录样式: list-style:(目录样式类型|目录样式位置|地址)
定位: 类型: position:(absolute绝对|relative相对|static静态)
显示: visibility:(inherit继承|visible可见|hidden隐藏)
宽: width:
高: height:
Z轴: z-index:
溢出: overflow:(visible可见|hidden隐藏|scroll滚动|auto自动)
左: left上:top:右:right下:bottom
剪辑: clip:rect(上右下左)
扩展: 分页-之前: page-break-before:(auto自动|always总是|left左|right右)
之后: page-break-after:(auto自动|always总是|left左|reght右)
视觉效果-光标: cursor:(hand|crosshair|text|wait|default|help|e-resize|ne-resize|n-resize|nw-resize|
w-resize|sw-resize|s-resize|se-resize|auto)