CSS的常用属性

序号 属性 含义 举例
文本属性
1 color 设置文本颜色 color:red
2 line-height 设置行高(即行间距)  
3 text-align 设置对齐方式,取值为left,right,center  
4 letter-spacing 设置字符间距  
5 text-decoration 设置文本修饰,取值为underline,none,overline^  
6 white-space 规定如何处理空白,如规定是否换行,常用取值为不换行
7      
8 字体属性  
9 font 在一个申明中设置字体的所有样式属性  
10 font-family 定义字体类型  
11 font-size 定义字体大小  
12 font-weight 定义字体的粗细  
13 font-style 设置字体风格  
14      
背景属性
16 background 简写属性,作用是将背景的多个分量属性设置在一个申明中
17 background-color 设置元素的背景颜色  
18 background-image 将图像设置为背景  
19 background-repeat 设置背景的平铺方式  
20 background-position 设置背景出现的初始位置  
21      
列表属性
23 list-style 简写属性,把所有列表的属性设置于一个申明中  
24 list-style-image 将图像设置为列表标志的位置  
25 list-style-position 设置列表中列表项的位置  
26 list-style-type 这是列表项标志的类型  
27      
外边距属性
28 margin-top 上外边框  
29 margin-right 右外边框  
30 margin-bottom 下外边框  
31 margin-left 左外边框  
32 margin 四个方向的外边距各不相同时,在一个申明中统一设置四个方向的外边距设置顺序为:上,右,下,左
33      
边框属性
35 border-color 边框颜色  
36 border-width 边框宽度  
37 border-style none:默认值,无边框;solid:实线;dashed:虚线  
38 border-top 上边框   
39 border-right 右边框  
40 border-bottom 下边框  
41 border-left 左边框  
42 border 在一个申明中统一设置4个方向的边框属性  
43      
内边距属性
45 padding-top 内容与上边距之间的距离  
46 padding-right 内容与右边距之间的距离  
47 padding-bottom 内容与下边框之间的距离  
48 padding-left 内容与左边距之间的距离  
49 padding 四个方向的内边距各不相同时,在一个申明中统一设置四个方向的外边距设置顺序为:上,右,下,左
50      
display属性常用可能值
51 display:取值有三个:block,inline,none
     
block:将元素显示为块级元素,该元素前后会带有换行符
52 inline:默认,元素会显示为内联元素,该元素前后没有换行符
53 none:该元素不会被显示  
54      
overflow属性值
56 visible 默认值,内容不会被修剪,呈现在盒子之外  
57 hidden 内容会被修剪,并且其余内容是不可见的  
58 scroll 内容会被修剪,但是流浪器会显示滚动条以便查看其余内容
59 auto 如果内容被修剪,则流浪器会显示滚动条以便查看其余的内容
60      
61      
posted @ 2016-12-13 18:36  温水煮鲨鱼  阅读(124)  评论(0)    收藏  举报