**2016/05/07
問(wèn)題
樣式有幾種引入方式?
樣式的3種寫(xiě)法
外部樣式表
<link rel="stylesheet" type="text/css" href="index.css">
內(nèi)部樣式表(位于標(biāo)簽內(nèi)部)
<style>
body{border:1px solid red;}
</style>
內(nèi)聯(lián)樣式表(在html元素內(nèi)部)
<p style="font-size:14px;color:red;">哈哈</p>
js的兩種寫(xiě)法
內(nèi)部js:
<script>
alert('haha');
</script>
外部js:
<script type="text/javascript" src="index.js">
</script>
link 和 @import有什么區(qū)別
1.link屬于XHTML標(biāo)簽隙赁，而@import完全是CSS提供的一種方式好渠。
link標(biāo)簽除了可以加載CSS外钝诚，還可以做很多其它的事情怕品，比如定義RSS吧兔，定義rel連接屬性等拉讯，@import就只能加載CSS了
2.加載順序的差別竭望。當(dāng)一個(gè)頁(yè)面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候）底瓣，link引用的CSS會(huì)同時(shí)被加載浅辙，而@import引用的CSS 會(huì)等到頁(yè)面全部被下載完再被加載扭弧。所以有時(shí)候?yàn)g覽@import加載CSS的頁(yè)面時(shí)開(kāi)始會(huì)沒(méi)有樣式（就是閃爍），網(wǎng)速慢的時(shí)候還挺明顯
3.兼容性的差別记舆。由于@import是CSS2.1提出的所以老的瀏覽器不支持鸽捻，@import只有在IE5以上的才能識(shí)別，而link標(biāo)簽無(wú)此問(wèn)題。
4.使用dom控制樣式時(shí)的差別御蒲。當(dāng)使用javascript控制dom去改變樣式的時(shí)候衣赶，只能使用link標(biāo)簽，因?yàn)锧import不是dom可以控制的厚满。
文件路徑../main.css 府瞄、./main.css、main.css有什么區(qū)別
第一個(gè)是指上一級(jí)文件夾的main.css文件碘箍，后面兩個(gè)是當(dāng)前的文件夾里的main.css文件
console.log是做什么用的
主要是方便調(diào)式j(luò)avascript遵馆。可以看到在頁(yè)面中輸出的內(nèi)容丰榴，不會(huì)打斷頁(yè)面的操作货邓，輸出內(nèi)容后，頁(yè)面還可以正常操作
text-align: justify是什么
text-justify 屬性規(guī)定當(dāng) text-align 被設(shè)置為 text-align 時(shí)的齊行方法四濒。
該屬性規(guī)定如何對(duì)齊行文本進(jìn)行對(duì)齊和分隔换况。
只有 Internet Explorer 支持 text-justify 屬性。
px盗蟆、em戈二、rem分別是什么？有什么區(qū)別姆涩？如何使用
px像素（Pixel）挽拂。相對(duì)長(zhǎng)度單位。像素px是相對(duì)于顯示器屏幕分辨率而言的骨饿。
em是相對(duì)長(zhǎng)度單位亏栈。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置宏赘，則相對(duì)于瀏覽器的默認(rèn)字體尺寸绒北。
rem是CSS3新增的一個(gè)相對(duì)單位（root em，根em）察署，這個(gè)單位引起了廣泛關(guān)注闷游。這個(gè)單位與em有什么區(qū)別呢？區(qū)別在于使用rem為元素設(shè)定字體大小時(shí)贴汪，仍然是相對(duì)大小脐往，但相對(duì)的只是HTML根元素。這個(gè)單位可謂集相對(duì)大小和絕對(duì)大小的優(yōu)點(diǎn)于一身扳埂，通過(guò)它既可以做到只修改根元素就成比例地調(diào)整所有字體大小业簿，又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。目前阳懂，除了IE8及更早版本外梅尤，所有瀏覽器均已支持rem柜思。對(duì)于不支持它的瀏覽器，應(yīng)對(duì)方法也很簡(jiǎn)單巷燥，就是多寫(xiě)一個(gè)絕對(duì)單位的聲明赡盘。這些瀏覽器會(huì)忽略用rem設(shè)定的字體大小。
PX特點(diǎn)
- IE無(wú)法調(diào)整那些使用px作為單位的字體大戌志尽陨享；
- 國(guó)外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位；
- Firefox能夠調(diào)整px和em邀跃，rem霉咨，但是96%以上的中國(guó)網(wǎng)民使用IE瀏覽器(或內(nèi)核)蛙紫。
em特點(diǎn) - em的值并不是固定的拍屑；
- em會(huì)繼承父級(jí)元素的字體大小。
任意瀏覽器的默認(rèn)字體高都是16px坑傅。所有未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px僵驰。那么12px=0.75em,10px=0.625em。為了簡(jiǎn)化font-size的換算唁毒，需要在css中的body選擇器中聲明Font-size=62.5%蒜茴，這就使em值變?yōu)?16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說(shuō)只需要將你的原來(lái)的px數(shù)值除以10，然后換上em作為單位就行了浆西。
我們?cè)趯?xiě)CSS的時(shí)候粉私，需要注意兩點(diǎn)：
- body選擇器中聲明Font-size=62.5%；
- 將你的原來(lái)的px數(shù)值除以10近零，然后換上em作為單位诺核；
- 重新計(jì)算那些被放大的字體的em數(shù)值。避免字體大小的重復(fù)聲明.
也就是避免1.2 * 1.2= 1.44的現(xiàn)象久信。比如說(shuō)你在#content中聲明了字體大小為1.2em窖杀，那么在聲明p的字體大小時(shí)就只能是1em，而不是1.2em, 因?yàn)榇薳m非彼em裙士，它因繼承#content的字體高而變?yōu)榱?em=12px入客。
注意：
選擇使用什么字體單位主要由你的項(xiàng)目來(lái)決定，如果你的用戶群都使用最新版的瀏覽器腿椎，那推薦使用rem桌硫，如果要考慮兼容性，那就使用px,或者兩者同時(shí)使用啃炸。
對(duì)chrome 審查元素的功能做個(gè)簡(jiǎn)單的截圖介紹
代碼
設(shè)置body的字體為微軟雅黑铆隘，字號(hào)16px， 行高1.5倍肮帐，字體顏色 #333,
設(shè)置段落顏色#000, 首行縮進(jìn)兩個(gè)字體寬度咖驮，1.5倍行高
代碼
