1.讓人更容易讀懂**，增加**可讀性。
2.讓搜尋引擎更易讀懂**(seo搜尋引擎優化)。
3.介紹乙個語義化的例子，如一段html**都使用div和一段html**段落使用p 列表使用li。
1.塊狀元素：獨佔一行 ，diaplay:block/table的元素，有div,h1,h2,table,ul,ol,p等。
2.內聯元素：不會獨佔一行，會挨個往後排直到瀏覽器的邊緣換行為止 ，display:inline/inline-block，有span，img,input,button。
offsetwidth =(內容寬度+內邊距+邊框),無外邊距
題目：
this is div1
如果想讓div1的寬度等於100，可以在div1的樣式中設定box-sizing:border-box
1.題目：
aaabbb
2.margin縱向重疊的規則：
對margin-top、margin-left、margin-bottom、margin-right分別設定負值會怎麼樣 1.什麼是bfc 2.形成bfc的條件（滿足以下條件之一） 3. bfc的常見應用：清除浮動1.聖杯布局和雙飛翼布局的目的（用於pc網頁）
2.聖杯布局
this is header
this is center
this is left
this is right
this is footer
this is main
this is left
this is right
.clearfix:after2.容器屬性
3.item屬性1.relative依據自身定位
2.absolute依據最近一層的定位元素定位
3.定位元素： position為absolute或者relative或者fixed的元素 | body
1.水平對齊
2.垂直對齊 1.題目:p標籤的高度是多少
aaa
2.line-height繼承的規則
rem是乙個長度單位1.px 絕對長度單位 最常用
2.em 相對長度單位 相對于父元素 不常用
3.rem 相對長度單位 相對於根元素 ，常用於響應式布局
1.media-query 根據不同的螢幕的寬度設定根元素font-size
2.長度單位使用rem,基於根元素的相對單位
1. rem的弊端
2. 網頁視口尺寸 3. vw/vh前端面試題（HTML CSS）
用正確的標籤做正確的事情。html 語義化讓頁面的內容結構化，結構更清晰，便於對瀏覽器 搜尋引擎解析 即使在沒有樣式 css 情況下也以一種文件格式顯示，並且是容易閱讀的 搜尋引擎的爬蟲也依賴於 html 標記來確定上下文和各個關鍵字的權重，利於 seo 使閱讀源 的人對 更容易將 分塊，便於閱讀維...
面試題相關
一些位址 osi七層功能及協議 資料鏈路層是如何定址的？傳送方 已知接收方ip arp 接收方mac位址 交換機尋找該mac位址所在埠，把幀往這個埠 mac通過rarp轉為ip位址。可靠通訊是靠哪一層來完成的？網路層 tcp協議 100base t 100mbps，baseband，雙絞線對。簡而言...
面試題整理01
給定乙個陣列 nums，有 n 個整數。請找到所有唯一的 a,b,c 的組合，使得a b c 0。注意 a,b,c 是唯一的，與a,b,c的順序無關。即 1,0,1 和 1,0,1 是同乙個。樣例 nums 1,0,1,2,1,4 所有的唯一解為 1,0,1 1,1,2 num 1,0,1,2,1,...