1. 程式人生 > 其它 >Nginx學習(萌新面試)

Nginx學習(萌新面試)

一、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:外邊距。