1.樣式有幾種引入方式?link和@import有什么區(qū)別
①最常用的方式，引入樣式表呜呐。在外部創(chuàng)建一個樣式表（xxxx.css)就斤，在此樣式表中編寫樣式，然后在html中引入樣式蘑辑，一般來說要創(chuàng)建一個單獨的css文件夾來存放css樣式表洋机，引入方式如下：
<link href="css/xxxx.css" rel="stylesheet"type="text/css">
這種方式一般放在<head>中，優(yōu)點就是在于可以把要套用相同樣式規(guī)則的數(shù)篇文件都指定到同一個樣式檔案中洋魂，便于日后的修改維護绷旗，缺點是在個別文件或元件的靈活度不足，會在href的請求過程中對服務器造成一定壓力副砍。
Ps：
瀏覽器一般會默“index.html"為初始頁面衔肢，所以一般將初始頁面名稱設置為這個，這樣豁翎，在進入這個頁面的時候角骤，就不需要多輸入“www.xxxxxx.com/index.html"
②在Html中用<head>包起來，在這里面編寫樣式：
<head>
<style type="xxxx/css">
body {
? ? ? 樣式規(guī)則表
}
</style>
</head>
將樣式表寫于<head>心剥，這種方式的缺點是不便于維護邦尊，推薦在只有本頁面會使用的唯一樣式中使用這種方法。
③在標簽里面直接編寫行內(nèi)樣式：
使用STYLE屬性优烧，將STYLE屬性直接加在個別的元件標簽里蝉揍。
<元件(標簽) style="性質(zhì)(屬性)1: 設定值1; 性質(zhì)(屬性)2: 設定值2; ...>
例：
<body>
? ? ? ?<p style="color:blue;font-size:9px;font-family:"微軟雅黑”；line-height:1.5>
? ? ? ? </p>
</body>
這種方式只對當前元素有效畦娄。
④使用@import引入：?
跟link用法很像又沾，但必須包含在<style>...</style>中。
<style type="text/css">
? ? @import url=(引入的樣式表路徑纷责、名稱);
</style>
例：
<style type="text/css">
? ? ?@import url(http://css/xxxx.css);
</style>
注意：行末的分號必不可少的捍掺。
link和@import都是外部引用CSS的方式，但是存在一定的區(qū)別：
區(qū)別1：link是XHTML標簽再膳，除了加載CSS外挺勿，還可以定義RSS等其他事務；@import屬于CSS范疇喂柒，只能加載CSS不瓶。
區(qū)別2：link引用CSS時禾嫉，在頁面載入時同時加載；@import需要頁面網(wǎng)頁完全載入以后加載蚊丐。
區(qū)別3：link是XHTML標簽熙参，無兼容問題；@import是在CSS2.1提出的麦备，低版本的瀏覽器不支持孽椰。
區(qū)別4：ink支持使用Javascript控制DOM去改變樣式；而@import不支持凛篙。
@import最優(yōu)寫法:
@import的寫法一般有下列幾種：
1.@import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識別
2.@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不識別
3.@import url(style.css) //Windows NS4, Macintosh NS4不識別
4.@import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識別
5.@import url("style.css") //Windows NS4, Macintosh NS4不識別
由上分析知道黍匾，@import url(style.css) 和@import url("style.css")是最優(yōu)的選擇，兼容的瀏覽器最多呛梆。從字節(jié)優(yōu)化的角度來看@import url(style.css)最值得推薦锐涯。
2.文件路徑 ../main.css、./main.css填物、main.css有什么區(qū)別
../main.css是指上一級目錄中的css文件
./main.css是指本目錄中的css文件纹腌，”./"可以省略，所以“./main.css”與“main.css"代表的意義相同
引申：絕對路徑與相對路徑的區(qū)別
絕對路徑：
平時使用計算機時要找到需要的文件就必須知道文件的位置滞磺，而表示文件的位置的方式就是路徑升薯，例如只要看到這個路徑：c:/website/img/photo.jpg我們就知道photo.jpg文件是在c盤的website目錄下的img子目錄中。這樣完整的描述文件位置的路徑就是絕對路徑击困。我們不需要知道其他任何信息就可以根據(jù)絕對路徑判斷出文件的位置覆劈。
相對路徑：
所謂相對路徑，顧名思義就是自己相對與目標位置沛励。不論將這些文件放到哪里，只要他們的相對關(guān)系沒有變炮障，就不會出錯目派。
我們使用“../”來表示上一級目錄，“../../”表示上上級的目錄胁赢，以此類推企蹭。
例：
比方C盤ABC文件夾有個1文件,還有一個DEF文件夾,而DEF文件下有個2文件.
那1和2的文件路徑分別為:(都是絕對路徑)
C:\ABC\1
C:\ABC\DEF\2
如果讓1文件來表示2文件的路徑
絕對路徑: C:\ABC\DEF\2
相對路徑: DEF\2 (因為1和2文件前面的C:\ABC這段路徑相同就不用寫出來了)。
3.console.log是做什么用的
主要是方便調(diào)式javascript智末×律悖可以看到你在頁面中輸出的內(nèi)容。
相比alert他的優(yōu)點是：
console能看到結(jié)構(gòu)話的東西系馆，如果是alert送漠，彈出一個對象就是[object object],但是console能看到對象的內(nèi)容。
console不會打斷你頁面的操作由蘑，如果用alert彈出來內(nèi)容闽寡，如果不先點彈出框代兵，整個頁面就會卡死，無法進行其他動作爷狈，但是console輸出內(nèi)容后你頁面還可以正常操作植影。
4.text-align有幾個值，分別有什么作用
①left? 把文本排列到左邊涎永。
②right? 把文本排列到右邊思币。
③center? 把文本排列到中間。
④justify ?實現(xiàn)兩端對齊效果,在一行文字較多時羡微，使用此效果谷饿，可以使文字較為均勻的分布于行內(nèi)，由于字數(shù)較多拷淘，字間距較小各墨，視覺效果可以忽略。
5.px启涯、em贬堵、rem分別是什么？有什么區(qū)別结洼？如何使用
①px像素（Pixel） 相對長度單位黎做。像素px是相對于顯示器屏幕分辨率而言的。
②rem 是相對于HTML根元素的相對長度單位松忍。這個單位可謂集相對大小和絕對大小的優(yōu)點于一身蒸殿，通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小，又可以避免字體大小逐層復合的連鎖反應鸣峭。
③em 是相對長度單位宏所，在html中是根據(jù)其父級元素為標準的。這個單位過于靈活摊溶，只要有一個父單位被改變爬骤，此單位就會隨之改變，所以一般來說用的少一些莫换。
6.chrome 審查元素功能簡單的截圖介紹
7.如下設置p為幾個rem霞玄，讓h1和p的字體大小相等？
瀏覽器默認字體大小是16px拉岁，h1的字體大小是60px肥败，則16×0.625×?=60px嗽上。解出來為6循签，所以是6rem劈狐。
本教程版權(quán)歸本人和饑人谷所有，轉(zhuǎn)載須說明來源
