- 定位 ~~~ position：static | relative相对定位 | absolute绝对定位 | fixed z-index:1; top:50%; left:50%; ~~~ - 布局 ~~~ display：none隐藏 | inline内联 | block块元素 | inline-block内联块 float：none | left | right 不浮动左浮动 右浮动 clear： left | right | both 清理浮动 visibility：visible | hidden可见/隐藏 overflow|overflow-x|overflow-y: hidden | scroll 超出部分隐藏/滚动 margin:上 右下左 外补白 padding:上右下左 内补白 ~~~ - 边框 ~~~ border:5px solid #000; dashed虚线 dotted点线 border-radius:1px 圆角 border-style:none 隐藏边框 ~~~ - 背景 ~~~ background-color :#000; 默认transparent透明 background-image :url() 默认none background-repeat : repeat-x： 背景图像在横向上平铺 repeat-y： 背景图像在纵向上平铺 repeat： 背景图像在横向和纵向平铺 no-repeat： 背景图像不平铺 background-attachment: fixed： 背景图像相对于窗体固定。 scroll： 背景图像相对于元素固定 background-position：0% 0% 指定对象的背景图像位置。 background-origin： 指定对象的背景图像显示的原点。 background-clip： 指定对象的背景图像向外裁剪的区域。 background-size: auto： 背景图像的真实大小。 cover： 将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。 contain： 将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。 ~~~ - 字体 ~~~ color:rgba(0,0,0,.5);} opacity:.5; 1不透明 0透明 font-style：normal | italic 正常/斜体 font-weight：normal | bold正常/粗体 700粗体 font-size：16px font-family:helvetica,verdana,sans-serif; text-transform：none | capitalize | uppercase | lowercase 不转换/首字母/大写/小写 text-align:left | right | center text-indent:20px 缩进 line-height:22px 行高=高居中 vertical-align：baseline | sub下标 | super上标 | top | middle ~~~ - 列表 ~~~ list-style-image:url() list-style-type：disc 实心圆| circle 空心圆| square实心方块 | decimal 数字 none不显示|lower-alpha小写 | upper-alpha大写 list-style-position：outside | inside 文本外/文本内 ~~~ - 其他 ~~~ border-collapse：separate | collapse边框独立/合并 outline-style：none 无轮廓 cursor:pointer;鼠标 ~~~