CSS全稱為Cascading Style Sheets，中文翻譯為“層疊樣式表”，簡稱CSS樣式表，所以稱之為層疊樣式表（Cascading Stylesheet）簡稱CSS。在網頁制作時采用CSS技術，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制。只要對相應的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數不同的網頁的外觀和格式。
CSS作用：
CSS具有對網頁的布局、顏色、背景、寬度、高度、字體進行控制，讓網頁按您的美工設計布局的更加美觀漂亮。
在初級學CSS樣式的覺得好多，記不了那么多，現在我也整合了一份經常用上的CSS屬性。方便大家一起學習，與交流
樣式開始最常見的是*號，
這里的“*”號是通配符，即指，網頁html中所有標簽意思。在*定義的屬性，一般是設置頁面一些固定的屬性，比喻，字體大小，也字體樣式這種。
從邊框說起：
1.border:邊框
邊框樣式的參數：
solid;/*邊框為實線實線邊框（常用）*/
none; /*無邊框*/
dotted; /*邊框為點線*/
dashed;/*邊框為長短線*/
double;/*邊框為雙線*/
groove ;/*根據border-color的值畫3D凹槽*/
ridge;/*根據border-color的值畫菱形邊框*/
inset; /*根據border-color的值畫3D凹邊*/
outset ;/*根據border-color的值畫3D凸邊*/
1.1、border四個邊框
border-left 設置左邊框，一般單獨設置左邊框樣式使用
border-right 設置右邊框，一般單獨設置右邊框樣式使用
border-top 設置上邊框，一般單獨設置上邊框樣式使用
border-bottom 設置下邊框
在開發中我們一般這樣寫CSS 邊框，優化簡寫，常見對對象設置使用屬性代碼：border:1px solid #blue;。
2.背景屬性： (background)
background /*顏色*/
background-image: url();/*背景圖片*/
在開發中我們經常看到一些小圖標，那樣做法就是頁面的減少請求，
css sprites直譯過來就是CSS精靈。通常被解釋為“CSS圖像拼合”或“CSS貼圖定位”。其實就是通過將多個圖片融合到一張圖里面。
在線合並網站：https://www.toptal.com/developers/css/sprite-generator
background-repeat: no-repeat;/*不重復平鋪背景圖片*/
repeat-x;/*使圖片只在水平方向上平鋪*/
repeat-y;/*使圖片只在垂直方向上平鋪*/
/*如果不指定背景圖片重復屬性，瀏覽器默認的是背景圖片向水平、垂直兩個方向上平鋪。*/
/*背景圖片固定，背景圖片固定控制背景圖片是否隨網頁的滾動而滾動。如果不設置背景圖片固定屬性，瀏覽
器默認背景圖片隨網頁的滾動而滾動。為了避免過於花哨的背景圖片在滾動時轉移瀏覽者的注意力，一般都設為固定*/
background-attachment: 參數
參數取值范圍：
background-attachment: fixed;(固定)
scroll;(滾動)
background-position: left;(水平)
top(垂直);位置
fixed：網頁滾動時，背景圖片相對於瀏覽器的窗口而言，固定不動
scroll：網頁滾動時，背景圖片相對於瀏覽器的窗口而言，一起滾動
3、超鏈接設置 text-decoration: 參數 主要用途是改變瀏覽器顯示文字鏈接時的下划線。
參數取值范圍： underline：為文字加下划線
overline：為文字加上划線
line-through：為文字加刪除線
blink：使文字閃爍
none：不顯示上述任何效果
CSS連接屬性：
a /*所有超鏈接*/
a:link /*超鏈接文字格式*/
a:visited /*瀏覽過的鏈接文字格式*/
a:active /*按下鏈接的格式*/
a:hover /*鼠標轉到鏈接*/
鼠標
cursor：鼠標形狀參
CSS鼠標形狀參數表：
cursor:hand手
cursor:crosshair十字形
cursor:text" 文本形
cursor:wait沙漏形
cursor:move"十字箭頭形：
cursor:help問號形
cursor:e-resize右箭頭形
cursor:n-resize上箭頭形
cursor:nw-resize左上箭頭形
cursor:w-resize左箭頭形
cursor:s-resize下箭頭形
cursor:se-resize右下箭頭形
cursor:sw-resize"左下箭頭形
4.Float常跟屬性值left、right、none
Float:none 不使用浮動
Float:left 靠左浮動
Float:right 靠右浮動
清除浮動 ：clear:none|left|right|both