問答1. 有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重要)? 如何嵌套?
示例:JS Bin
嵌套:ol>li ; ul>li ; dl>dt+dd
2. 如何去除列表前面的點或者數(shù)字?
設(shè)置屬性 list-style: none 可去除。
3. class 和 id 有什么區(qū)別?什么時候用 class 什么時候用 id?4. 塊級元素、行內(nèi)元素是什么?有什么區(qū)別?分別對應(yīng)哪些常用標(biāo)簽?
區(qū)別:
| | 獨占一行 | 能設(shè)置寬高 | ,值 |
| :------: | :-------: | :--------: |
| 塊級元素 | 是 | 是 | 四個方向都可以設(shè)置 |
| 行內(nèi)元素 | 否 | 否 | 上下方向不可設(shè)置 |
5. : block、: 、: -block分別有什么作用?6. 下面代碼是做什么的?抄寫一遍下面的代碼,注意class和id的使用及命名方式
.png
有三個div元素設(shè)置了class="wrap",這樣可以方便給多個選擇器統(tǒng)一樣式;還有三個劃分結(jié)構(gòu)的div元素設(shè)置了id屬性源代碼有什么用,體現(xiàn)了id屬性的唯一性。
7. 如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節(jié)
語義化:用正確的標(biāo)簽做正確的事情。讓頁面的內(nèi)容結(jié)構(gòu)化源代碼有什么用,便于對瀏覽器、搜索引擎解析;在沒有樣式CCS情況下也以一種文檔格式顯示,并且是容易閱讀的;搜索引擎的爬蟲依賴于標(biāo)記來確定上下文和各個關(guān)鍵字的權(quán)重,利于 SEO;使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊,便于閱讀維護理解。
細節(jié):
8. form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用?
form表單: