Nginx學習(萌新面試)
阿新 • • 發佈:2021-10-21
一、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:外邊距。