HTML CSS

一、link和@import的差別

link是引入外部樣式表：<link rel="stylesheet" href='"/a.css"></link>

@import在css中導入外部css

二、Emment

HTML速寫文法。例：ul>(li>img[src=img/pro/$.jpg]+h3+div>span.money{￥15}+span.love+span.num{787878})*15選中 tab執行

在css中同樣适用 

三、左右分欄：<dl> 自定義清單；<dt> 标題；<dd>清單

四、display的屬性值

block：此元素将顯示為塊級元素，此元素前後會帶有換行符。

inline：預設。此元素會被顯示為内聯元素，元素前後沒有換行符。

list-item：此元素會作為清單顯示。

inline-table：此元素會作為内聯表格來顯示（類似 <table>）

table-row：此元素會作為一個表格行顯示（類似 <tr>）。

五、nth-child(an+b)：這個css僞類首先找到所有目前元素的兄弟元素，然後按照位置先後順序從1開始排序，選擇的結果為CSS僞類:nth-child括号中表達式（an+b）比對到的元素集合（n=0，1，2，3...）

六、盒子模型：主要五個屬性：width和height：内容的寬度、高度（不是盒子的寬度、高度）。

　　　　　　　　　　　　　　padding：内邊距。

　　　　　　　　　　　　　　border：邊框。

　　　　　　　　　　　　　　margin：外邊距。