1、Flex的橫向平鋪填充
讓父元素觸發(fā)彈性和也就是display:flex;然后讓所有的子元素均分使用flex:1;代碼如下:
```html
<div style="width: 1000px;height: 500px;display: flex;">
<span style="flex:1;">1</span>
<span style="flex:1;">2</span>
<span style="flex:1;">3</span>
<span style="flex:1;">4</span>
<span style="flex:1;">5</span>
</div>
```
2、flex用法場景
- 場景一:移動(dòng)端和PC端布局中;能夠高效解決間距調(diào)整的問題(移動(dòng)端布局和PC端布局)
- 場景二:能快速高效實(shí)現(xiàn)元素水平垂直居中(點(diǎn)擊刪除的彈窗)
- 場景三:能夠?qū)崿F(xiàn)快速元素均分,避免了百分比設(shè)置的不確定性
- 場景四:快速實(shí)現(xiàn)多列布局,能高效實(shí)現(xiàn)瀑布流布局
- 場景五:后臺(tái)管理系統(tǒng)的兩欄和三欄布局
3、html5有哪些新特性、移除了那些元素?
- H5新增的新的特性
- 新的語義元素,比如 , , , and 。
- 新的表單控件,比如數(shù)字、日期、時(shí)間、日歷和滑塊。
- 強(qiáng)大的圖像支持(借由 和 )
- 強(qiáng)大的多媒體支持(借由 和 )
- 強(qiáng)大的新 API,比如用本地存儲(chǔ)取代 cookie。
- H5刪除了哪些內(nèi)容:以下 HTML 4.01 元素已從 HTML5 中刪除:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
4、Html5中datalist是什么?
```html
<!--
含義和概念:
<datalist> 標(biāo)簽規(guī)定了 <input> 元素可能的選項(xiàng)列表。是HTML5新增的一個(gè)標(biāo)簽
<datalist> 標(biāo)簽被用來在為 <input> 元素提供"自動(dòng)完成"的特性。用戶能看到一個(gè)下拉列表,里邊的選項(xiàng)是預(yù)先定義好的,將作為用戶的輸入數(shù)據(jù)。
請使用 <input> 元素的 list 屬性來綁定 <datalist> 元素。
案例如下:
-->
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
```
5、Html和xhtml有什么區(qū)別?
- **含義不同:**HTML是一種基本的WEB網(wǎng)頁設(shè)計(jì)語言,XHTML是一個(gè)基于XMl的置標(biāo)語言
- **最主要的不同**
- XHTML元素必須被正確地嵌套。
- XHTML元素必須被關(guān)閉
- XHTML標(biāo)簽名必須用小寫字母
- XHTMl文檔必須擁有根元素在XHTML中,、、都是必需的標(biāo)簽。
- XHTML必須設(shè)置標(biāo)簽的xmlns屬性。
- XHTML任何屬性值要么用單引號引起來,要么用雙引號引起來。如class=page就是不合法的,而
class='page'和class="page"均是合法的。所有屬性必須有值。有些屬性,比如標(biāo)簽的checked屬性,在HTML中可以使用簡寫形式,即數(shù)據(jù),然后在XHTML中,必須這樣編寫:數(shù)據(jù)。
更多關(guān)于前端培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗(yàn),采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式,擁有國內(nèi)一體化教學(xué)管理及學(xué)員服務(wù),助力更多學(xué)員實(shí)現(xiàn)高薪夢想。