我大一的css都學了些什麼？我當時在幹什麼？我現在爲什麼如此“快樂”？（…靈魂三問）
看css像看天書？？？？我崩了。
接下來但凡看到一個不會的css屬性，我就把它記下來，奧利給！
（1） .clsss-one.class-two 與 .class-one .class-two
前者同級生效，後者嵌套生效（區分點在於有無空格）
（2）-moz -ms -webkit
- -moz代表firefox瀏覽器私有屬性
- -ms代表ie瀏覽器私有屬性
- -webkit代表safari、chrome私有屬性
這些都是爲了兼容老版本的寫法。
（3）css漸變
linear-gradient（線性漸變）
常用語法：background-image: linear-gradient(direction, start-color,end-color...);
radial-gradient（徑向漸變）
常用語法：background-image: radial-gradient(direction, start-color,end-color...);
更多：CSS3 漸變
（4）css選擇器 ~、+、>
- A~B 表示選擇A標籤之後的所有B標籤，且A、B具有相同的父元素。
- A+B 表示選擇緊鄰在A標籤後的B標籤，且A、B具有相同的父元素，所選到的僅爲一個B標籤。
- A>B 表示選擇A元素裏面的B元素，且B元素爲A元素裏面的第一代。
（5）display
display屬性用於設置一個元素應該怎樣顯示，默認爲inline，即內聯元素，元素前後沒有換行符。
常用的值有：none（不顯示該元素），block（顯示爲塊級元素，元素前後帶有換行符），inline，inline-block（行內塊元素）。
更多取值：display屬性
（6）行內元素與塊級元素
塊級元素(block)特性：
總是獨佔一行，表現爲另起一行開始，而且其後的元素也必須另起一行顯示;
寬度(width)、高度(height)、內邊距(padding)和外邊距(margin)都可控制;
內聯元素(inline)特性：
和相鄰的內聯元素在同一行;
寬度(width)、高度(height)、內邊距的top/bottom(padding-top/padding-bottom)和外邊距的top/bottom(margin-top/margin-bottom)都不可改變，就是裏面文字或圖片的大小;
塊級元素主要有：
address , blockquote , center , dir , div , dl , fieldset , form , h1
, h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript ,
ol , p , pre , table , ul , li
內聯元素主要有：
a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em ,
font , i , img , input , kbd , label , q , s , samp , select , small ,
span , strike , strong , sub , sup ,textarea , tt , u , var
可變元素(根據上下文關係確定該元素是塊元素還是內聯元素)：
applet ,button ,del ,iframe , ins ,map ,object , script
CSS中塊級、內聯元素的應用：
主要用的CSS樣式有以下三個：
display:block – 顯示爲塊級元素
display:inline – 顯示爲內聯元素
display:inline-block – 顯示爲內聯塊元素，表現爲同行顯示並可修改寬高內外邊距等屬性
（7）僞類與僞元素
（8）flex彈性盒佈局
flex佈局 語法篇
fle佈局 實例篇
FlexBox標準及兼容寫法速查表
（9）list-style
list的簡寫屬性，包括list-style-type、list-style-position、list-style-image。
- list-style-type ：設置列表項標記的類型，比如none（無標記），disc（默認，實心圓），circle（空心圓）…
- list-style-position ：設置列表項標記的放置方式，取值有outside（默認，保持標記位於文本的左側。列表項目標記放置在文本以外，且環繞文本不根據標記對齊。）、inside（列表項目標記放置在文本以內，且環繞文本根據標記對齊。）、inherit。
- list-style-image ：設置圖像來替換列表項標記，如
list-style-image:url('sqpurple.gif');
【注意】請始終設置list-style-type以防止圖片無法使用的情況。
（10）min-height
定義元素的最低高度，不包括填充，邊框，或頁邊距，默認值有length、%、inherit。
（11）text-transform
控制文本的大小寫。屬性值有：
- none ：默認，定義帶有小寫字母和大寫字母的標準的文本。
- capitalize ：文本的每個單詞以大寫字母開頭。
- uppercase ：定義僅有大寫字母。
- lowercase ：定義僅有小寫字母。
- inherit