CSS常用属性及描述

在一个声明中设置所有字体属性。
1
font-family
字体名称
规定文本的字体系列。
1
font-size
最常用的是pt和px
规定文本的字体尺寸。
.s2 {font-size:12pt}
1
font-style
normal, italic
规定文本的字体样式。
1
font-variant
normal是缺省值。small-caps表示小的大写字体
span{display: block}
1
float
left元素向左浮动。
right元素向右浮动。
none默认值。元素不浮动，并会显示在其在文本中出现的位置。
规定框是否应该浮动。
1
position
absolute生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位。
元素的位置通过"left", "top", "right"以及"bottom"属性进行规定。
在一个声明中设置所有的单边框属性。单边边框属性
上下左右四个边框不但可以统一设定，也可以分开设定。
1
outline
在一个声明中设置所有的轮廓属性。轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
2
outline-color
颜色值
设置轮廓的颜色。
2
outline-style
规定文本块首行的缩进。
1
text-transform
none默认。定义带有小写字母和大写字母的标准的文本。
capitalize文本中的每个单词以大写字母开头。
uppercase定义仅有大写字母。
lowercase定义无大写字母，仅有小写字母。
控制文本的大小写。
1
CSS字体属性（Font）
属性
值
描述
CSS
规定文本的字体样式。
1
font-weight
bold
规定字体的粗细。
1
CSS外边距属性（Margin）
属性
值
描述
CSS
margin
可以为上下左右边距设置相同的宽度。示例入下：
.d1 {margin:1cm}
也可以分别设置边距，顺序是上，右，下，左。示例如下：
.d1 {margin:1cm 2cm 3cm 4cm}
border-width:0 1px;
1
border-top, border-top-width, border-top-style, border-top-color。
border-bottom, border-bottom-width, border-bottom-style, border-bottom-color。
属性
值
描述
CSS
height
使用px、cm等单位定义
设置元素高度。
1
max-height
使用px、cm等单位定义
设置元素的最大高度。
2
max-width
使用px、cm等单位定义
设置元素的最大宽度。
2
min-height
使用px、cm等单位定义
设置元素的最小高度。
2
min-width
使用px、cm等单位定义
right (居右)
center (居中)
justify (两端对齐)
规定文本的水平对齐方式。
1
text-decoration
none (无，缺省值)
underline (下划线)
overline (上划线)
line-through (当中划线)
规定添加到文本的装饰效果。
1
text-indent
使用px、cm等单位定义
fixed生成绝对定位的元素，相对于浏览器窗口进行定位。
元素的位置通过"left", "top", "right"以及"bottom"属性进行规定。
relative生成相对定位的元素，相对于其正常位置进行定位。
因此，"left:20"会向元素的LEFT位置添加20像素。
static默认值。没有定位，元素出现在正常的流中（忽略top, bottom, left, right或者z-index声明）。
scroll，fixed
设置背景图像是否固定或者随着页面的其余部分滚动。
1
background-color
颜色值
设置元素的背景颜色。背景属性都不能继承
1
background-image
url('URL')
设置元素的背景图像。
1
background-position
center，top，
bottom，right，left
circle (空心圆点)
square (小黑方块)
decimal (数字排序)
lower-roman (小写罗马字排序)
upper-roman (大写罗马字排序)
lower-alpha (小写字母排序)
upper-alpha (大写字母排序)
none (无列表项标记)
设置列表项标记的类型。
1
CSS尺寸属性（Dimension）
设置元素的下内边距。
1
padding-left
使用px、cm等单位定义
设置元素的左内边距。
1
padding-right
使用px、cm等单位定义
设置元素的右内边距。
1
padding-top
使用px、cm等单位定义
设置元素的上内边距。
1
CSS列表属性（List）
属性
值
描述
CSS
list-style
list-style:squareinside url('/i/arrow.gif');
在一个声明中设置所有外边距属性。顺序是上，右，下，左。
margin:10px 5px;
上外边距和下外边距是10px
右外边距和左外边距是5px
margin:0px auto是居中对齐
1
margin-bottom
使用px、cm等单位定义
设置元素的下外边距。
1
margin-left
使用px、cm等单位定义
inset定义3D凹边轮廓。此效果取决于outline-color值。
outset定义3D凸边轮廓。此效果取决于outline-color值。
inherit规定应该从父元素继承轮廓样式的设置。
设置轮廓的样式。
2
outline-width
使用px、cm等单位定义
设置轮廓的宽度。
2
CSS文本属性（Text）
img
{
float:left;
clear:both;
}
1
display
none此元素不会被显示。
block此元素将显示为块级元素，此元素前后会带有换行符。
inline默认。此元素会被显示为内联元素，元素前后没有换行符。
规定元素应该生成的框的类型。
p {display: inline}
li {display:inline}
设置元素的左外边距。
1
margin-right
使用px、cm等单位定义
设置元素的右外边距。
1
margin-top
使用px、cm等单位定义
设置元素的上外边距。
1
CSS内边距属性（Padding）
属性
值
描述
CSS
padding
可以为上下左右间隙设置相同的宽度。示例入下：
.d1 {padding:1cm}
none默认。定义无轮廓。
dotted定义点状的轮廓。
dashed定义虚线轮廓。
solid定义实线轮廓。
double定义双线轮廓。双线的宽度等同于outline-width的值。
groove定义3D凹槽轮廓。此效果取决于outline-color值。
ridge定义3D凸槽轮廓。此效果取决于outline-color值。
double (双线式边框)
groove (槽线式边框)
ridge(脊线式边框)
inset (内嵌效果的边框)
outset (突起效果的边框)
设置四条边框的样式。
1
border-color
颜色值
设置四条边框的颜色。
1
border-width
使用px、cm等单位定义
设置四条边框的宽度。
若设置两个数，则第一个数为上下，第二个数为左右。如：
在一个声明中设置所有的列表属性。
1
list-style-image
url("arrow.gif")
将图象设置为列表项标记。
1
list-style-position
outside (以列表项内容为准对齐)
inside (以列表项标记为准对齐)
设置列表项标记的放置位置。
1
list-style-type
disc (缺省值，黑圆点)
border-left, border-left-width, border-left-style, border-left-color。
border-right, border-right-width, border-right-style, border-right-color。
使用px、cm等单位定义
设置背景图像的开始位置。top、bottom、left、right和center。