常用CSS样式总结

forwe

1. 背景属性：
   
2.         background: #00FF00 url(bgimage.gif) no-repeat fixed top;
   
3.                 background-color:背景颜色
   
4.                 background-image：url(bgimage.gif)；背景图片
   
5.                 background-position：背景图片位置
   
6.                 background-size：背景图片的大小
   
7.                 background-repeat：背景图片是否重复
   
8. 
   
9. 边框：
   
10.         border 简写属性在一个声明设置所有的边框属性。
    
11. 
    
12.         写法一：
    
13.                 border-width:5px;         边框粗细
    
14.                 border-style:solid;        边框样式（dashed:虚线，dotted:点状）        
    
15.                 border-color:#000;        边框颜色
    
16.         写法二：
    
17.                 border:5px solid red;
    
18. 
    
19.         border-top,border-bottom,border-left,border-right
    
20.         四个方向的border都可在拆分为三个边框属性：
    
21.                 border-top-color:red;
    
22.                 border-top-width:5px;
    
23.                 border-top-style:dashed;
    
24. 
    
25. CSS 尺寸属性
    
26.         width:1000px;
    
27.         height:300px;
    
28. 
    
29. CSS 字体属性（Font）
    
30.         font-family:微软雅黑;        字体
    
31.         font-size:15px;                        字号
    
32.         font-weight:bold;                字体加粗
    
33. 
    
34. 外边距
    
35.         margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
    
36.                 margin:10px 5px 15px 20px;
    
37.                 等于：
    
38.                 margin-top:10px;
    
39.                 margin-right:5px;
    
40.                 margin-bottom:15px;
    
41.                 margin-left:20px;
    
42. 
    
43.                 margin:10px 5px 15px;
    
44.                 等于：
    
45.                 margin-top:10px;
    
46.                 margin-left:5px;
    
47.                 margin-right:5px;
    
48.                 margin-bottom:15px;
    
49. 
    
50.                 margin:10px 5px;
    
51.                 等于：
    
52.                 margin-top:10px;
    
53.                 margin-bottom:10px;
    
54.                 margin-left:5px;
    
55.                 margin-right:5px;
    
56. 
    
57.                 margin:10px;
    
58.                 等于：
    
59.                 margin-top:10px;
    
60.                 margin-right:10px;
    
61.                 margin-bottom:10px;
    
62.                 margin-left:10px;
    
63. 
    
64. 内边距
    
65.         padding 简写属性在一个声明中设置所有内边距属性。该属性可以有 1 到 4 个值。
    
66.                 padding:10px 5px 15px 20px;
    
67.                 等于：
    
68.                 padding-top:10px;
    
69.                 padding-right:5px;
    
70.                 padding-bottom:15px;
    
71.                 padding-left:20px;
    
72. 
    
73.                 padding:10px 5px 15px;
    
74.                 等于：
    
75.                 padding-top:10px;
    
76.                 padding-left:5px;
    
77.                 padding-right:5px;
    
78.                 padding-bottom:15px;
    
79. 
    
80.                 padding:10px 5px;
    
81.                 等于：
    
82.                 padding-top:10px;
    
83.                 padding-bottom:10px;
    
84.                 padding-left:5px;
    
85.                 padding-right:5px;
    
86. 
    
87.                 padding:10px;
    
88.                 等于：
    
89.                 padding-top:10px;
    
90.                 padding-right:10px;
    
91.                 padding-bottom:10px;
    
92.                 padding-left:10px;        
    
93. 
    
94. Marquee 属性
    
95.         属性                                描述        
    
96.         marquee-direction        设置移动内容的方向。        
    
97.         marquee-play-count        设置内容移动多少次。        
    
98.         marquee-speed                设置内容滚动得多快。        
    
99.         marquee-style                设置移动内容的样式。
    
100. 
     
101. CSS 定位属性（Positioning）
     
102. 
     
103.         float属性定义元素在哪个方向浮动。
     
104.                 以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
     
105. 
     
106.         left        元素向左浮动。
     
107.         right        元素向右浮动。
     
108.         none        默认值。元素不浮动，并会显示在其在文本中出现的位置。
     
109. 
     
110. clear 属性规定元素的哪一侧不允许其他浮动元素。
     
111.         left
     
112.         right
     
113.         both
     
114. 
     
115. display 属性规定元素应该生成的框的类型。
     
116.         block        此元素将显示为块级元素，此元素前后会带有换行符。
     
117.         inline        默认。此元素会被显示为内联元素，元素前后没有换行符
     
118. 
     
119. 
     
120. CSS文本属性
     
121. 
     
122.         color                        设置文本的颜色。        
     
123.         line-height                设置行高。        
     
124.         text-align:center/left/right                规定文本的水平对齐方式。        
     
125.         text-decoration:none/underline        规定添加到文本的装饰效果。        
     
126.         text-indent:2em                规定文本块首行的缩进。        
     
127. 
     
128. CSS 表格属性（Table）
     
129.         border-collapse        规定是否合并表格边框。        
     
130.                 separate        默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
     
131.                 collapse        如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
     
132.         border-spacing        规定相邻单元格边框之间的距离。
     
133. 
     
134.         内联样式
     
135.                 cellspacing="0" 单元格间距
     
136.                 cellpadding="0"        单元格边距
     
137. 
     
138. verflow
     
139.         属性规定当内容溢出元素框时发生的事情。
     
140.         visible:默认值。内容不会被修剪，会呈现在元素框之外
     
141.         scroll:内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容
     
142.         hidden:内容会被修剪，并且其余内容是不可见的。

复制代码