字体属性:
(font)
大小
font-size: x-large;(
特大
) xx-small;(
极小
)
一般中文用不到,只要用数值就可以,单位:
PX
、
PD
样式
font-style: oblique;(
偏斜体
) italic;(
斜体
) normal;(
正常
)
行高
line-height: normal;(
正常
)
单位:
PX
、
PD
、
EM
粗细
font-weight: bold;(
粗体
) lighter;(
细体
) normal;(
正常
)
变体
font-variant: small-caps;(
小型大写字母
) normal;(
正常
)
大小写
text-transform: capitalize;(
首字母大写
) uppercase;(
大写
) lowercase;(
小写
) none;(
无
)
修饰
text-decoration: underline;(
下划线
) overline;(
上划线
) line-through;(
删除线
) blink;(
闪烁
)
常用字体:
(font-family)
"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana
背景属性:
(
background
)
色彩
background-color: #FFFFFF;
图片
background-image: url();
重复
background-repeat: no-repeat;
滚动
background-attachment: fixed;(
固定
) scroll;(
滚动
)
位置
background-position: left(
水平
) top(
垂直
);
简写方法
background:#000 url(..) repeat fixed left top;
区块属性:
(
Block
)
字间距
letter-spacing: normal;
数值
对刘
text-align: justify;(
两端对齐
) left;(
左对齐
) right;(
右对齐
) center;(
居中
)
缩进
text-indent:
数值
px;
垂直对齐
vertical-align: baseline;(
基线
) sub;(
下标
) super;(
下标
) top; text-top; middle; bottom; text-bottom;
词间距
word-spacing: normal;
数值
空格
white-space: pre;(
保留
) nowrap;(
不换行
)
显示
display:block;(
块
) inline;(
内嵌
) list-item;(
列表项
) run-in;(
追加部分
) compact;(
紧凑
) marker;(
标记
) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(
表格标题
)
方框属性:
(
Box
)
width:; height:; float:; clear:both; margin:; padding:;
顺序:上右下左
边框属性:
(
Border
)
border-style: dotted;(
点线
) dashed;(
虚线
) solid;(
实线
) double;(
双线
) groove;(
槽线
) ridge;(
脊状
) inset;(
凹陷
) outset;
border-width:;
边框宽度
border-color:#;
简写方法
border
:
width style color;
列表属性:
(
List-style
)
类型
list-style-type: disc;(
圆点
) circle;(
圆圈
) square;(
方块
) decimal;(
数字
) lower-roman;(
小罗码数字
) upper-roman; lower-alpha; upper-alpha;
位置
list-style-position: outside;(
外
) inside;
图像
list-style-image: url(..);
定位属性:
(
Position
)
Position:
absolute; relative;
static;
visibility: inherit; visible; hidden;
overflow: visible; hidden; scroll; auto;
clip: rect(12px,auto,12px,auto) (
裁切
)