首頁  >  文章  >  web前端  >  html 5常見的面試題

html 5常見的面試題

PHPz
PHPz原創
2017-04-04 09:44:061512瀏覽
1、常見的區塊級元素  內嵌元素p -最常用的區塊級元素     dl - 與dt-dd 搭配使用的區塊元素     form - 互動表單     h1 -h6- 大公分  有序列表     p - 段落     ul - 無序列表     fieldset - 表單字段集     colgroup-col - 表單列分組元素     table-tr-td  表格及行-單元格     pre - 格式化文本a –超鏈接(錨點)     br -換行     i - 斜體     em - 強調     img - 圖片     input - 輸入框     label - 表單  標     sup - 上標     textarea - 多行文字輸入框u - 底線     select - 項目選擇2、實現文字三個點的幾個條件text-overflow屬性僅是:當文字溢出時是否顯示省略標記,並不具備其它的樣式屬性定義,要實現溢出時產生省略號的效果還需定義:
1、容器寬度:width:value;(px、%,都可以)
2、強製文本在一行內顯示:white-space:nowrap;
3、溢出內容為隱藏:overflow:hidden;
4、溢出文字顯示省略號:text-overflow:ellipsis;
註:必須是單行文字才能設定本文溢位! ! !

IE6+;chrome1.0+;safari3.1+(firefox,opera暫不支援)

3、垂直居中的幾個條件

設定一個元素在一個容器中垂直居中,必須更改預設的display屬性值為inline-block;
並加上同級元素(標尺)(同級元素[標尺]樣式設定為 vertical-align:middle;width:0;height:100%;display:inline-block;) 。

三個條件:
1:必須為容器(父元素)加上text-align:center;
2:必須將目前元素轉成行內塊元素(display:inline-block;)再給目前元素加上vertical-align:middle;
3:在目前元素的後面(沒有回車)加上同級元素span;並對span進行vertical-align: middle;width:0;height:100%;display:inline-block

4、置換元素與非置換元素

置換元素與非置換元素

a)置換元素:瀏覽器根據元素的標籤和屬性,決定元素的具體顯示內容。 例如:瀏覽器會根據標籤的src屬性的值來讀取圖片資訊並顯示出來,而如果查看(x)html程式碼,則看不到圖片的實際內容;標籤的type屬性來決定要顯示輸入框,還是單選按鈕等。 (x)html中的