牛客網HTML/CSS專項練習錯題彙總
阿新 • • 發佈:2018-12-25
有關瀏覽器的核心判斷
主要分為四類:-o-/-ms-/-moz-/-webkit-
通過js的dom.style.XxxTransition進行相應的校驗判斷:
var div = document.createElement('div');
var style = div.style;
if (style.webkitTransition) {
return '-webkit-';
}
if (style.MozTransition) {
return '-moz-';
}
if (style.oTransition) {
return '-o-';
}
if (style.msTransition) {
return '-ms-';
}
return '';
還有一種方式,就是獲取一個dom元素的所有css屬性,然後進行解析獲取對應的核心型別;相比之下,第一種比較簡單;可以參考源文件:http://www.cnblogs.com/snandy/archive/2015/10/02/4848567.html
文字換行的設定需要設定哪兩個屬性?
word=break和white-space
word-break:實現單詞之間的換行與不換行,其屬性值有三個:normal(瀏覽器預設的換行規則)/break-all(允許在單詞內進行換行)/keep-all(只能在半形空格或者連字元處進行換行)
white-space:設定如何處理元素內的空白,有六個屬性值:normal(瀏覽器的預設處理行為)/pre(空白會被保留,類似於html中的pre預文字標籤)/nowrap(文字不會換行,知道遇到br標籤為止)/pre-wrap(保留空白符序列,同時依舊進行正常的換行形式)/pre-line(合併空白符序列,但是保留換行符)/inherit(從父元素中繼承該值)
CSS的樣式的繼承屬性分類
不可繼承的:display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。
所有元素可繼承:visibility和cursor。
內聯元素可繼承:letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。
塊狀元素可繼承:text-indent和text-align。
列表元素可繼承:list-style、list-style-type、list-style-position、list-style-image。
表格元素可繼承:border-collapse。
參考文件: http://www.cnblogs.com/thislbq/p/5882105.html
HTML5中用hgroup標籤對網頁或區段section的標題進行組合
<hgroup>
<h1>hello world</h1>
<h2>list title</h2》
<hgroup>
假設一個螢幕解析度為1024*768,如何定義一個居中的佔螢幕一般大小的表格
<TABLE ALIGN=”CENTER” WIDTH=”50%”></TABLE>
<TABLE ALIGN=”CENTER” WIDTH=”512″></TABLE>
<DIV ALIGN=”CENTER”><TABLE WIDTH=”512″></TABLE></DIV>
<CENTER><TABLE WIDTH=”50%”></TABLE></CENTER>
不過center標籤在html5之後就不推薦使用了
有關列表的定義
ul -> li
ol -> li
table ->tr -> td
dl -> dt -> dd