邊框

元素：border-width,border-color,border-style(solid,dotted,dash)//border: 2px solid red
border-bottom: none//1px red solid
border-radius: 50px(只要是大于等于正方形的一半就是圓形)
應用：做一個三角形

padding

值可以是數(shù)值也可以是百分比（相對于父容器，不是自身）
一般不給元素設置高度
四個方向的值：上右下左
三個方向的值：上右（左）下
兩個方向的值：上下、左右

margin

• 有四個方向的值，可以合寫，值可以是數(shù)值也可以是百分比（相對于父容器不是自身），還可以是負值
• 外邊距合并問題
• 居中 margin:0 auto;（0不0無所謂，只要左右是auto就行，前提是不能有浮動定位，并且塊狀元素有固定寬度）

display

行內(nèi)：inline,inline-block,inline-table
行內(nèi)元素上下margin和padding不生效，當然背景色可能會撐開
塊級: block,table,list-item
不繼承： 邊框，margin,padding

font

font-size,font-weight（默認值：regular，粗體：bold）,lline-weight（行高：百分比、倍數(shù)、固定尺寸）
font-family（從前往后解析，不是想設什么就設什么，要看系統(tǒng)）在css中設置字體的時候，直接寫中文或者英文名稱，瀏覽器都能識別，如果外國人打開其是英文，國內(nèi)打開是中文。css保存時是gbk，但用戶打開時是utf-8瀏覽器解析，則會亂碼，保險是將字體用unicode表示。在控制臺中：escape('黑體')把%u換成\。chrome最小字體12px（瀏覽器—設置）,默認16px
繼承： 都能繼承給子元素

text

text-align:用在塊元素上對里面的行內(nèi)元素生效。left,center,right,justify(兩端對齊)
text-indent:第一行縮進的距離
text-decoration:none/underline/line-through/overline
color: 文字顏色
text-transform:改變文字大小寫。none/uppercase/lowercase/capitalize
word-spacing:改變字（單詞）之間的標準距離
letter-spacing:字母間隔（修改的是字符或字母之間的間隔）

顏色

單詞： red/green
十六進制：#fff
rgba
應用：給a鏈接設置顏色，a有默認的顏色和樣式會覆蓋繼承的樣式，所以單獨給a鏈接設置顏色常用的是a{color:red;text-decoration:none}

列表去點

ul{list-style: none}或者li{list-style:none}

inline-block

既呈現(xiàn)inline的特性（不占據(jù)一整行，寬度由內(nèi)容的寬度決定）又呈現(xiàn)block的特性（可設置寬高，內(nèi)外邊距）

background

-attachment:背景圖像是否固定或者隨著頁面的其他部分滾動。
-color:元素的背景顏色
-image:把圖像設置為背景
-position:背景圖像的起始位置（默認左上角）
-repeat:背景圖像如何重復以及是否重復（no-repeat/repeat-x/repeat-y/repeat）
-size:背景的大小,不是設置窗口的大小而是設置背景圖片的大小
contain:讓窗口剛好放下背景圖片，背景圖片等比縮放。
cover:背景圖片多的截下。
背景色和背景圖片同時使用：背景圖片透明則背景色透過來；背景圖片不透明但很小，則未被覆蓋的地方為背景色。
背景圖片必須有窗口歐，也就是必須有寬高。

隱藏元素

opacity: 0(透明度為0，范圍0-1,全部透明，包括子元素，占位置)
visibility:hidden（和opacity:0類似，占位置）
display:none(消失，不占位置)
background-color:rgba(0,0,0,0.2)只是背景色透明。