-
網(wǎng)頁(yè)亂碼的問(wèn)題是如何產(chǎn)生的？怎樣解決
原因：文件編碼和瀏覽器解析編碼不匹配造成性穿，一般都是非英文字符造成的勺三。
解決：保存文件的編碼格式和瀏覽器解析編碼格式統(tǒng)一莺掠，文件中給予瀏覽器說(shuō)明編碼格式张抄，eg:
<meta charset=uft-8 />
<br /> -
顏色有幾種寫法竿滨， 紅色小泉、 綠色蔫耽、藍(lán)色冕屯、白色萨驶、黑色如何表示驻子？ 透明黑色如何表示谋减？#ccc的顏色牡彻， #eee的顏色？ #333的顏色出爹？
顏色的幾種寫法：
- 顏色和關(guān)鍵字 eg：red (紅色)
- rgb寫法 eg:rgb(255,0,0) (紅色)
- 6位16進(jìn)制寫法 eg:#FF0000 （紅色）
關(guān)于16進(jìn)制：
A 10 ; B 11 ...... E 14 ; F15
FF= 15(F的十進(jìn)制表示) X 16的1(位數(shù))次方 + 15 X 16的0(位數(shù))次方=15x16+15X1=240+15=255從個(gè)位開(kāi)始庄吼，0 1 2 3 4 。以政。霸褒。
eg:
FFFFFFF=15*16^6+15*16^5+15*16^4+15*16^3+15*16^2+15*16^1+15*16^0
顏色表示：
- 紅色：
red|rgb(255,0,0)|#FF0000或#F00
- 綠色：
green|rgb(0,255,0)|#00FF00或#0F0 - 藍(lán)色：
blue|rgb(0,0,255)|#0000FF或#00F - 白色：
white|rgb(255,255,255)|#FFFFFF或#FFF - 黑色：
black|rgb(0,0,0)|#000000或#000
透明色：
- 語(yǔ)法：rgba(RGBa) a值在0-1之間，表示透明度盈蛮，0=透明废菱，1=完全不透明
eg: rgb(0,0,0,0.3) 表示不透明30%黑色 - 語(yǔ)法：hsla(hue色相值，saturation飽和度值抖誉，lightness亮度值殊轴，alpha值)
h 色相值：
0=red=360 120=green 240=blue 60=yellow 圓的概念，負(fù)值或者超過(guò)360也可用袒炉，但是有點(diǎn)自找麻煩的感覺(jué)旁理。
s 飽和度值：
0%-100%百分比值，0%→灰色調(diào)我磁，100%→最大飽和度孽文。所以0%時(shí)，不論h 色相值多少夺艰，都會(huì)以灰階單色呈現(xiàn)芋哭。
l 亮度值
百分比表示，0%→最暗（暗黑）郁副，100%→最亮（亮白）减牺，50%→正常亮度。 50%以上漸漸增加白色，50%一下漸漸增加黑色拔疚。
a 值
0→1允許小數(shù)點(diǎn)一位肥隆。
eg:
hsla(0,100%,50%,0.3)→ 不透明度30%紅色
hsla(120,100%,30%,0.4)→不透明度40%暗綠色
hsla(240,0%,70%,0.6)→不透明度60%中亮灰色
#ccc = #cccccc = rgb(204,204,204) = rgb(80%,80%,80%) = hsl(0,0%,80%)灰色 網(wǎng)頁(yè)安全色
QQ20160815-3@2x.png
#eee = #eeeeee = rgb(238,238,238) = rgb(93.3%,93.3%,93.3%)= hsl(0,0%,93.3%)
QQ20160815-4@2x.png
#33 = #333333 = rgb(51,51,51) = rgb(20%,20%,20%) = hsl(0,0%,20%)
QQ20160815-5@2x.png
-
<!doctype html>的作用是什么?作用：聲明，瀏覽器能夠以正確的形式讀取和呈現(xiàn)文件稚失。
-
嚴(yán)格模式和混雜模式指什么栋艳？
嚴(yán)格模式：瀏覽器根據(jù)規(guī)范呈現(xiàn)頁(yè)面；
混雜模式：頁(yè)面以一種比較寬松的向后兼容的方式顯示墩虹。通常模擬老式瀏覽器（比如IE 4和Netscape Navigator 4）的行為以防止老站點(diǎn)無(wú)法工作嘱巾。 -
meta有什么作用，常見(jiàn)的值有哪些?
作用：meta常用于定義頁(yè)面的說(shuō)明诫钓，關(guān)鍵字旬昭，最后修改日期，和其它的元數(shù)據(jù)菌湃。這些元數(shù)據(jù)將服務(wù)于瀏覽器（如何布局或重載頁(yè)面）问拘，搜索引擎和其它網(wǎng)絡(luò)服務(wù)。
兩個(gè)屬性: name屬性惧所，http-equiv屬性
name屬性：
<meta name="TDK" content="title keywords description等等的文字描述" />
http-equiv屬性:
定義http參數(shù)之類的
<meta http-equiv="參數(shù)" content="具體的描述">
<meta charset="utf-8">//HTML5設(shè)定網(wǎng)頁(yè)字符集的方式骤坐，推薦使用UTF-8
-
作用：<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用
http-equiv="X-UA-compatible"這個(gè)是IE8的專用標(biāo)記,用來(lái)指定IE8瀏覽器去模擬某個(gè)特定版本的IE瀏覽器的渲染方式，以此來(lái)解決部分兼容問(wèn)題下愈。<br />
content="IE=edge,chrome=1"如果安裝了Google Chrome Frame（谷歌內(nèi)嵌瀏覽器框架GCF）纽绍，則使用GCF來(lái)渲染，如果沒(méi)有安裝GCF則使用最新最高版本的IE內(nèi)核進(jìn)行渲染势似。
-
常見(jiàn)的瀏覽器有哪些拌夏，什么內(nèi)核
1、Trident內(nèi)核代表產(chǎn)品Internet Explorer履因，又稱其為IE內(nèi)核障簿。Trident（又稱為MSHTML），是微軟開(kāi)發(fā)的一種排版引擎栅迄。使用Trident渲染引擎的瀏覽器包括：IE站故、傲游、世界之窗瀏覽器毅舆、Avant西篓、騰訊TT、Netscape 8憋活、NetCaptor污淋、Sleipnir、GOSURF余掖、GreenBrowser和KKman等。
2、Gecko內(nèi)核代表作品Mozilla FirefoxGecko是一套開(kāi)放源代碼的盐欺、以C++編寫的網(wǎng)頁(yè)排版引擎赁豆。Gecko是最流行的排版引擎之一，僅次于Trident冗美。使用它的最著名瀏覽器有Firefox魔种、Netscape6至9。
3粉洼、WebKit內(nèi)核代表作品Safari节预、Chromewebkit 是一個(gè)開(kāi)源項(xiàng)目，包含了來(lái)自KDE項(xiàng)目和蘋果公司的一些組件属韧，主要用于Mac OS系統(tǒng)安拟，它的特點(diǎn)在于源碼結(jié)構(gòu)清晰、渲染速度極快宵喂。缺點(diǎn)是對(duì)網(wǎng)頁(yè)代碼的兼容性不高糠赦，導(dǎo)致一些編寫不標(biāo)準(zhǔn)的網(wǎng)頁(yè)無(wú)法正常顯示。主要代表作品有Safari和Google的瀏覽器Chrome锅棕。
4拙泽、Presto內(nèi)核代表作品OperaPresto是由Opera Software開(kāi)發(fā)的瀏覽器排版引擎，供Opera 7.0及以上使用裸燎。它取代了舊版Opera 4至6版本使用的Elektra排版引擎顾瞻，包括加入動(dòng)態(tài)功能，例如網(wǎng)頁(yè)或其部分可隨著DOM及Script語(yǔ)法的事件而重新排版德绿。
參考文檔|
更多參考：主流瀏覽器內(nèi)核介紹（前端開(kāi)發(fā)值得了解的瀏覽器內(nèi)核歷史）
本文章著作權(quán)歸（風(fēng)骨來(lái)客qq:2361597776）和饑人谷(QQ 群: 222459918) 所有荷荤，轉(zhuǎn)載須說(shuō)明來(lái)源
