CSS常用代码（记录比较难记，不依靠工具提示就写不出来的代码）

10、浮动Float

11、clear清除浮动

12、光标cursor

13、!important优先级

---

1、边框border

虚线边框 border:1px dashed #000

实线边框 border:1px solid #000

2、背景background

单独写：

background-color:#fff;

background-image:url(‘img.png’);

background-repeat:no-repeat;

background-position:right top;

合写：

background:#fff url(‘img.png’) right top no-repeat;

3、圆角border-radius

一个值： border-radius: 25px;

两个值：border-radius: 15px 50px

三个值：border-radius: 15px 50px 30px

四个值 -：border-radius: 15px 50px 30px 5px

4、position定位

static 静态定位

absolute 绝对定位

relative 相对定位

fixed 固定定位：相对于浏览器窗口定位，并且不会随着滚动条进行滚动。

5、阴影box-shadow

box-shadow:#ccc 0px 1px 1px;

6、display属性

none 此元素不会被显示

block 此元素将显示为块级元素，此元素前后会带有换行符

inline 默认，此元素会被显示为内联元素，元素前后没有换行符

inline-block 行内块元素

inherit 规定应该从父元素继承display属性的值

7、text-decoration：文本的修饰（下划线、上划线、删除线等）

text-decoration: none; /没有文本装饰/

text-decoration: underline red; /红色下划线/

text-decoration: underline wavy red; /红色波浪形下划线/

text-decoration:line-through /删除线样式-/

text-decoration:overline /上划线样式/

text-decoration:blink /闪烁/

8、透明度opacity

filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5;

9、文本的对齐方式text-align

text-align:center 居中对齐

text-align:left 向左对齐

text-align:right 向右对齐

10、浮动Float

| 值 | 描述 |

| — | — |

| left | 元素向左浮动。 |

| right | 元素向右浮动。 |

| none | 默认值。元素不浮动，并会显示在其在文本中出现的位置。 |

| inherit | 规定应该从父元素继承 float 属性的值。 |

11、clear清除浮动

| 值 | 描述 |

| — | — |

| left | 在左侧不允许浮动元素。 |

| right | 在右侧不允许浮动元素。 |

| both | 在左右两侧均不允许浮动元素。 |

| none | 默认值。允许浮动元素出现在两侧。 |

| inherit | 规定应该从父元素继承 clear 属性的值。 |

12、光标cursor

| 值 | 描述 |

| — | — |

| url |

需使用的自定义光标的 URL。

注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。

|

| default | 默认光标（通常是一个箭头） |

| auto | 默认。浏览器设置的光标。 |

| crosshair | 光标呈现为十字线。 |

| pointer | 光标呈现为指示链接的指针（一只手） |