Trident內(nèi)核:IE系列
Gecko內(nèi)核:Firefox
Webkit內(nèi)核:Safari
Blink內(nèi)核:是基于Webkit內(nèi)核的子項(xiàng)目,使用的瀏覽器有:
Chrome/opera等除IE、Firefox、Safari之外的幾乎所有瀏覽器
幾乎所有國(guó)產(chǎn)雙內(nèi)核瀏覽器(Trident/Blink)如360乖仇、獵豹况脆、qq惫周、百度等
!Doctype
文檔聲明节预。
聲明位于文檔中的最前面的位置棚饵,處于標(biāo)簽之前。
此標(biāo)簽可告知瀏覽器文檔使用哪種HTML或XHTML規(guī)范亮钦。(重點(diǎn):告訴瀏覽器按照何種規(guī)范解析頁(yè)面)
IE下如不書(shū)寫(xiě)文檔聲明會(huì)使用怪異模式解析網(wǎng)頁(yè)導(dǎo)致一系列CSS兼容性問(wèn)題译断。
多個(gè)域名來(lái)存儲(chǔ)網(wǎng)站資源會(huì)更有效
CDN緩存更方便
突破瀏覽器并發(fā)限制
節(jié)約cookie帶寬
節(jié)約主域名的連接數(shù),優(yōu)化頁(yè)面響應(yīng)速度
防止不必要的安全問(wèn)題
HTML結(jié)構(gòu)語(yǔ)義化:
更符合W3C統(tǒng)一的規(guī)范標(biāo)準(zhǔn)或悲,是技術(shù)趨勢(shì)孙咪。
沒(méi)有樣式時(shí)瀏覽器的默認(rèn)樣式也能讓頁(yè)面結(jié)構(gòu)很清晰堪唐。
對(duì)功能障礙用戶(hù)友好。屏幕閱讀器(如果訪客有視障)會(huì)完全根據(jù)你的標(biāo)記來(lái)“讀”你的網(wǎng)頁(yè)翎蹈。
對(duì)其他非主流終端設(shè)備友好淮菠。例如機(jī)頂盒、PDA荤堪、各種移動(dòng)終端合陵。
對(duì)SEO友好。
:被點(diǎn)擊訪問(wèn)過(guò)的超鏈接樣式不再具有hover和active了
,解決方法是改變CSS屬性的排列順序: L-V-H-A(link,visited,hover,active)
區(qū)別:
rgba()和opacity都能實(shí)現(xiàn)透明效果澄阳,但最大的不同是opacity作用于元素拥知,以及元素內(nèi)的所有內(nèi)容的透明度,
而rgba()只作用于元素的顏色或其背景色碎赢。(設(shè)置rgba透明的元素的子元素不會(huì)繼承透明效果5吞蕖)
.px和em的區(qū)別。
px和em都是長(zhǎng)度單位肮塞,區(qū)別是:
px值固定襟齿,容易計(jì)算。
em值不固定枕赵,是相對(duì)單位猜欺,其相對(duì)應(yīng)父級(jí)元素的字體大小會(huì)調(diào)整
.CSS中l(wèi)ink和@import的區(qū)別是:
Link屬于html標(biāo)簽,而@import是CSS中提供的
@import有執(zhí)行效率問(wèn)題拷窜,它會(huì)打破瀏覽器并行加載資源开皿,導(dǎo)致加載頁(yè)面速度變慢。盡量不要使用@import篮昧。
HTML與XHTML——二者有什么區(qū)別赋荆?
1.所有的標(biāo)記都必須要有一個(gè)相應(yīng)的結(jié)束標(biāo)記
2.所有標(biāo)簽的元素和屬性的名字都必須使用小寫(xiě)
3.所有的XML標(biāo)記都必須合理嵌套
4.所有的屬性必須用引號(hào)""括起來(lái)
5.把所有<和&特殊符號(hào)用編碼表示
6.給所有屬性賦一個(gè)值
7.不要在注釋內(nèi)容中使用"--"
8.圖片必須有說(shuō)明文字
html常見(jiàn)兼容性問(wèn)題?
1.雙邊距BUG float引起的使用display
2.3像素問(wèn)題 使用float引起的 使用dislpay:inline -3px
3.超鏈接hover點(diǎn)擊后失效使用正確的書(shū)寫(xiě)順序link visited hover active
4.IE z-index問(wèn)題 給父級(jí)添加position:relative
5.Png透明 使用js代碼 改
6.Min-height最小高度 恋谭!Important解決’
7.select在ie6下遮蓋 使用iframe嵌套
8.為什么沒(méi)有辦法定義1px左右的寬度容器(IE6默認(rèn)的行高造成的糠睡,使用over:hidden,zoom:0.08 line-height:1px)
9.IE5-8不支持opacity,解決辦法:
.opacity {
opacity: 0.4
filter: alpha(opacity=60); /* for IE5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* for IE 8*/
}
10. IE6不支持PNG透明背景疚颊,解決辦法: IE6下使用gif圖片