1、emmet 語法
emmet語法的前身是zen coding，它使用縮排，來提高html/css的編寫速度，vscode內部已經整合該語法。
1、快速生成html結構語法；
2、快速生成css樣式語法；
1.1快速生成html結構語法：
1、生成標籤直接輸入標籤名 按tab鍵即可 比如 div 然後tab鍵，就可以生成
2、如果想要生成 多個相同的標籤 加上 * 就可以了 比如 div*3 就可以快速生成3個div
3、如果有父子級關係的標籤，可以用》 比如 ul > li 就可以了
4、如果有兄弟關係的標籤，用 + 就可以了比如 div+p
5、如果生成帶有類名或者id名字的，直接寫 .demo 或者 #two tab鍵就可以了
6、如果生成的div類名是有順序的，可以用自增符號 $
7、如果想要在生成的標籤內部寫內容可以用
在css中，可以根據選擇器的型別把選擇器分為基礎選擇器和復合選擇器，復合選擇器是建立在基礎選擇器之上，對基本選擇器進行組合形成的。
行內元素的特點：
1、相鄰行內元素在一行上，一行可以顯示多個；
2、高、寬直接設定是無效的；
3、預設寬度就是它本身內容的寬度；
4、行內元素只能容納文字或其他行內元素。
** 鏈結裡面不能再放鏈結
特殊情況鏈結裡面可以放塊級元素，但是給轉換一下塊級模式最安全
行內塊元素：在行內元素中有幾個特殊的標籤——、、,他們同時具塊元素和行內元素的特點。
行內塊元素特點：
1、和相鄰行內元素（行內塊）在一行上，但是他們之間會有空白縫隙，一行可以顯示多個（行內元素特點）；
2、預設寬度就是它本身內容的寬度（行內元素特點）；
3、高度、行高、外邊距以及內邊距都可以控制（塊級元素特點）
元素顯示模式轉換：一種模式轉換成另外一種模式的特性
比如：想要增加鏈結鏈結的觸發範圍
語句：display：block ； （行內元素轉換成塊元素）
display：inline ； （把塊元素轉換為行內元素）
display：inline-block；**換為行內塊）
單行文字垂直居中**：讓文字的行高等於盒子的高度
css背景：
背景顏色：background-color：顏色值；
一般情況下元素背景顏色預設值是transparent（透明），我們也可以手
動指定背景顏色為透明色。
背景：background-image屬性描述了元素的背景影象。實際開發常見於logo或
者一些裝飾性的小或者是超大的背景，優點是非常便於控制位
置（精靈圖也是一種運用場景）
background-image ：none | url （url）
none：無背景圖（預設的）；
url：使用絕對或相對位址指定背景影象；
背景平鋪：background-repeat屬性 （預設情況下背景是平鋪的）
：background-repeat：repeat （背景在縱向和橫向上平鋪）
no-repeat （背景不平鋪）
repear-x (背景影象在橫向平鋪)
repeat-y （背景在縱向平鋪）
背景位置：利用background-position屬性可以改變在背景中的位置
background-position ：x y；
引數代表的意思是：x座標和y座標。可以使用方位名詞或者精確單
位。length：百分數 | 由浮點數字和單位識別符號組成的長度值；
position：top | center | bottom | left | center | right 方位名詞
如果引數值是精確座標，那麼第乙個肯定是x座標，第二個一定是y座標；
如果只指定乙個數值，那麼該數值一定是x座標，另乙個預設垂直居中；
引數是混合單位：
如果指定的兩個值是精確單位和方位名詞混合使用，則第乙個值是x座標，第二個值是y座標
背景色半透明
css三大特性：層疊性、繼承性、優先順序。
1.1 層疊性：相同選擇器給設定相同的樣式就會覆蓋（層疊）另乙個衝突的樣式。層疊性主要解決樣式衝突的問題。
層疊性原則：
樣式衝突，遵循的原則是就近原則，哪個樣式離結構近，就執行哪個樣式
樣式不衝突，不會層疊
1.2 繼承性：字標籤會繼承父標籤的某些樣式，比如文字顏色、和字型大小。（子承父業）
恰當地使用繼承可以簡化**，降低css樣式的複雜性；
子元素可以繼承父元素的樣式（text- ，font- ，line-這些元素開頭的可以繼承，以及color屬性）
優先順序：當同一元素指定多個選擇器，就會有優先順序的產生；
選擇器相同，則執行層疊性；
選擇器不同，則根據選擇器權重執行。
前端筆記 CSS
1.使用background image url 引入雪碧圖 2.利用background position屬性結合background size,background repeat等屬性定位需要的圖示 1.將多張合併到一張中，減小的總大小 2.減少http請求數，提高載入效能 1.減少http請求...
前端學習筆記（二） CSS（1）
1 認識css 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局和外觀顯示樣式。css以html為基礎，提供如字型 顏色 背景的控制及整體排版等豐富的功能，同時可以針對不同的瀏覽器設定不同的樣式。2 引入css樣式表 行內式概念 通過標籤的...
前端之CSS（二）
v hint content width x height1 content 2 border 風格解釋 solid 實線dashed 虛線dotted 點狀線double 雙實線groove 槽狀線ridge 脊線inset 內嵌效果線 outset 外凸效果線 v hint border滿足整體...