- 定位 ~~~ 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;鼠標 ~~~