一肠阱、樣式有幾種引入方式? link 和 @import有什么區(qū)別樊破？
有三種方式引入樣式：
1巡语、外部樣式表
當樣式需要被應(yīng)用到很多頁面的時候，可以使用外部樣式表分别，通過更改一個文件來改變整個站點的外觀遍愿。
<link rel="stylesheet" type="text/css" href="basic.css">
2、內(nèi)部樣式表
當單個文件需要特別樣式時耘斩，就可以使用內(nèi)部樣式表沼填。可以在 head 部分通過 <style> 標簽定義內(nèi)部樣式表括授。
<style type="text/css">
body{background-color:green;}
p{font-size:10px;}
</style>
3坞笙、內(nèi)聯(lián)樣式
當特殊的樣式需要應(yīng)用到個別元素時岩饼，就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標簽中使用樣式屬性薛夜。樣式屬性可以包含任何 CSS 屬性籍茧。
<p style="boder:1px solid white;border-radius:4px">段落</p>
link和@import的區(qū)別：
- link是XHTML標簽，除了加載CSS外梯澜，還可以定義RSS等其他事務(wù)寞冯；@import屬于CSS范疇，只能加載CSS晚伙。
- link引用CSS時吮龄，在頁面載入時同時加載；@import需要頁面網(wǎng)頁完全載入以后加載撬腾。
- link是XHTML標簽螟蝙，無兼容問題；@import是在CSS2.1提出的民傻，低版本的瀏覽器不支持胰默。
- ink支持使用Javascript控制DOM去改變樣式；而@import不支持漓踢。
二牵署、文件路徑../main.css、./main.css喧半、main.css奴迅、/main.css有什么區(qū)別？
../main.css：表示源文件所在目錄的上一級目錄下的文件main.css
./main.css：相當路徑挺据， 表示當前目錄下的文件main.css
main.css：表示源文件和引用文件在同一目錄下的文件main.css
/main.css:絕對路徑取具，項目根目錄下的文件main.css
三、console.log是做什么用的扁耐？
- console.log主要用于對JavaScript程序調(diào)試暇检，相比于alert()，console.log僅在控制臺中打印相關(guān)信息婉称，不會阻斷JavaScript程序的執(zhí)行块仆。
- 兼容沒有控制臺的瀏覽器。對于缺少調(diào)試控制臺的老版本瀏覽器王暗，window中的console對象并不存在悔据，可以人為定義console對象，并聲明該console對象的log函數(shù)為空函數(shù)俗壹；這樣當console.log()語句執(zhí)行時科汗，這些老版本的瀏覽器將不會做任何事情。
- 使用參數(shù)绷雏。console.log()可以接受變量并將其與別的字符串進行拼接肛捍，也可以接受變量作為參數(shù)傳遞到字符串中隐绵，其具體語法與C語言中的printf語法一致。console.log("%s is %d years old.", people, years)
四拙毫、text-align有幾個值依许，分別有什么作用？寫截圖說明區(qū)別缀蹄？
text-align值及作用：
- left：把文本排列到左邊峭跳。默認值：由瀏覽器決定咆蒿。
- right：把文本排列到右邊箫老。
- center：把文本排列到中間俐银。
- justify： 實現(xiàn)兩端對齊文本效果梢什。
-
inherit：規(guī)定應(yīng)該從父元素繼承 text-align 屬性的值。
區(qū)別截圖：
（1）
Paste_Image.png
結(jié)果：
結(jié)果：
五咧最、px谍咆、em纵揍、rem分別是什么逝段？有什么區(qū)別垛玻？如何使用？
px像素（Pixel）奶躯，相對長度單位帚桩。像素px是相對于顯示器屏幕分辨率而言的。
em是相對長度單位嘹黔，相對于當前對象內(nèi)文本的字體尺寸账嚎。如當前對行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對于瀏覽器的默認字體尺寸儡蔓。
rem是CSS3新增的一個相對單位（root em郭蕉，根em），使用rem為元素設(shè)定字體大小時喂江，仍然是相對大小恳不，但相對的只是HTML根元素。
區(qū)別：使用時px是像素值开呐，用PX設(shè)置字體大小時，比較穩(wěn)定和精確规求，em會繼承父級元素的字體大小筐付，會根據(jù)基準來縮放字體的大小，值并不是固定的阻肿。Rem是相對于根元素<html>瓦戚，來縮放字體大小。
使用：除了IE6-IE8丛塌，其它的瀏覽器都支持em和rem屬性较解，px是所有瀏覽器都支持畜疾。考慮兼容性印衔，可“px”和“rem”一起使用啡捶，用"px"來實現(xiàn)IE6-8下的效果，然后使用“Rem”來實現(xiàn)代瀏覽器的效果奸焙。
六瞎暑、對chrome 審查元素的功能做個簡單的截圖介紹？
七与帆、如下代碼了赌，設(shè)置 p為幾 rem，讓h1和p的字體大小相等?
根元素設(shè)定字體大小為62.5%*16px=10px玄糟；
h1 60px=6em=勿她？rem；根元素既為6rem阵翎。
本教程版權(quán)歸作者和饑人谷所有逢并，轉(zhuǎn)載須說明來源！
