html和css錯題專輯1

1.哪個操作是W3C標準定義的阻止事件向父容器傳遞:
e.stopPropagation()


DOM中的事件對象:
preventDefault() 取消事件默認行爲
stopImmediatePropagation() 取消事件冒泡同時阻止當前節點上的事件處理程序被調用。
stopPropagation() 取消事件冒泡對當前節點無影響。
IE中的事件對象:
cancelBubble() 取消事件冒泡
returnValue() 取消事件默認行爲

2.關於浮動元素,說法錯誤的是()
行內元素與浮動元素髮生重疊,其邊框,背景和內容都會顯示在浮動元素之下

: 浮動元素重疊
1、行內元素與浮動元素髮生重疊,邊框、背景、內容都會顯示在浮動元素之上
2、塊級元素與浮動元素髮生重疊,邊框、背景會顯示在浮動元素之下,內容會顯示在浮動元素之上

3.在做一份調查報告時,要求將問題文類,同一表單內的數據在一組顯示,並表明此類型的名稱,如何將相同類型的表單進行分組( )
< fieldset>
< br />
< legend>類型名< /legend>
< br />
內容顯示
< br />
< /fieldset>

: legend :爲 fieldset 元素定義標題(caption)
fieldset :將表單內的相關元素分組。

4.當表單中包含文件上傳控件時,需要將enctype設置爲()
multipart/form-data

:enctype 屬性規定在發送到服務器之前應該如何對錶單數據進行編碼。
屬性值

application/x-www-form-urlencoded 在發送前編碼所有字符(默認)

multipart/form-data 不對字符編碼。 在使用包含文件上傳控件的表單時,必須使用該值。

text/plain 空格轉換爲 “+” 加號,但不對特殊字符編碼。

5要運用css3動畫,你需要運用什麼規則
keyframes

:要運用css3動畫,需要運用@keyframes規則和animation屬性

6.CSS3新增特性有()
1、CSS3選擇器
2、CSS3邊框(Borders)
3、CSS3背景
4、CSS3漸變
5、CSS3文本效果
6、CSS3字體(@font-face規則)
7、CSS3轉換和變形
1)2D轉換方法
2)3D轉換屬性
8、CSS3過度(transition屬性)
9、CSS3動畫(@keyframes規則 animation屬性)
10、CSS3多列
11、CSS3盒模型
12、CSS3伸縮佈局盒模型(彈性盒子)(flexbox)
13、CSS3多媒體查詢(@media)

7.置換元素有哪些
img
input
textarea
select

注:
a) 置換元素:瀏覽器根據元素的標籤和屬性,來決定元素的具體顯示內容。
例如:瀏覽器會根據< img>標籤的src屬性的 值來讀取圖片信息並顯示出來,而如果查看(x)html代碼,則看不到圖片的實際內容;< input>標籤的type屬性來決定是顯示輸入 框,還是單選按鈕等。 (x)html中 的< img>、< input>、< textarea>、< select>、< object> 都是置換元素。這些元素往往沒有實際的內容,即是一個空元素。

置換元素在其顯示中生成了框,這也就是有的內聯元素能夠設置寬高的原因。

b) 不可替換元素:(x)html 的大多數元素是不可替換元素,即其內容直接表現給用戶端(如瀏覽器)。

例如: < label>label中的內容< /label> 標籤< label>是一個非置換元素,文字label中的內容”將全被顯示。

8.
HTML5新增的表單元素有:

autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height、list、max、min、multiple、pattern、placeholder、required、step、width。
HTML5新增的標籤有:
< article>標籤定義外部的內容。
< aside>標籤定義 article 以外的內容。aside 的內容應該與 article 的內容相關。
< audio> 標籤定義聲音,比如音樂或其他音頻流。
< canvas> 標籤定義圖形,比如圖表和其他圖像。這個 HTML 元素是爲了客戶端矢量圖形而設計的。它自己沒有行爲,但卻把一個繪圖 API 展現給客戶端 JavaScript 以使腳本能夠把想繪製的東西都繪製到一塊畫布上。
< command> 標籤定義命令按鈕,比如單選按鈕、複選框或按鈕。
< datalist> 標籤定義可選數據的列表。與 input 元素配合使用,就可以製作出輸入值的下拉列表。
< details> 標籤定義元素的細節,用戶可進行查看,或通過點擊進行隱藏。與 < legend> 一起使用,來製作 detail 的標題。該標題對用戶是可見的,當在其上點擊時可打開或關閉 detail。
< embed> 標籤定義嵌入的內容,比如插件。
< figcaption> 標籤定義 figure 元素的標題。”figcaption” 元素應該被置於 “figure” 元素的第一個或最後一個子元素的位置。
< figure> 標籤用於對元素進行組合。使用 < figcaption> 元素爲元素組添加標題。
< footer> 標籤定義 section 或 document 的頁腳。典型地,它會包含創作者的姓名、文檔的創作日期以及/或者聯繫信息。
< header> 標籤定義 section 或 document 的頁眉。
< hgroup> 標籤用於對網頁或區段(section)的標題進行組合。
< keygen> 標籤定義生成密鑰。
< mark>主要用來在視覺上向用戶呈現那些需要突出的文字。< mark>標籤的一個比較典型的應用就是在搜索結果中向用戶高亮顯示搜索關鍵詞。
< meter> 標籤定義度量衡。僅用於已知最大和最小值的度量。必須定義度量的範圍,既可以在元素的文本中,也可以在 min/max 屬性中定義。
< nav> 標籤定義導航鏈接的部分。
< output> 標籤定義不同類型的輸出,比如腳本的輸出。
< progress> 標籤運行中的進程。可以使用 < progress> 標籤來顯示 JavaScript 中耗費時間的函數的進程。
< rp> 標籤在 ruby 註釋中使用,以定義不支持 ruby 元素的瀏覽器所顯示的內容。
< rt> 標籤定義字符(中文注音或字符)的解釋或發音。
< ruby> 標籤定義 ruby 註釋(中文注音或字符)。
< section> 標籤定義文檔中的節(section、區段)。比如章節、頁眉、頁腳或文檔中的其他部分。
< source> 標籤爲媒介元素(比如 < video> 和 < audio>)定義媒介資源。
< summary> 標籤包含 details 元素的標題,”details” 元素用於描述有關文檔或文檔片段的詳細信息。”summary” 元素應該是 “details” 元素的第一個子元素。
< time> 標籤定義日期或時間,或者兩者。
< video> 標籤定義視頻,比如電影片段或其他視頻流。

9.下列哪些元素在瀏覽器默認樣式下會加粗文本?
< h1> - < h6> 標籤表示 HTML 標題,默認加粗
< th> 標籤表示表格的表頭,默認加粗文本

:< em> 標籤表示強調內容,顯示爲斜體,但不加粗文本
< caption> 標籤表示表格標題,標題一般被居中表格之上,但不加粗文本
strong 重要文本 又粗體又強調內容
em 強調文本
b 粗體文本 不強調內容
big 大號字體效果

10.需要創建一個多選框,且和文本關聯起來(單擊文本就像單擊核選框一樣)。下列 HTML 代碼中,正確的是?()
< label>< input type=“checkbox” />記住我< /label>
< input type=“checkbox” id=“c1” />< label for=“c1”>記住我< /label>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章