一精钮，樣式有幾種引入方式? link 和 @import有什么區(qū)別?
答：在html文件中俊戳，css樣式一共有三種引入方式字支。
- 外部樣式表缎患，有兩種方法：
a. 使用<b>link</b>引入（最常用鸦概，推薦使用）箩张；b.使用@import引入甩骏。
舉例說明：
link 方式：
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
@import方式：
<head> <style type="text/css" media="screen"> @import url("mystyle.css"); </style> <head>
- 內(nèi)部樣式表，放入<b>
<style></b>標簽內(nèi)部先慷；
舉例說明：
<head> <style> h1 {color:red;} p {margin-top:20px;} body {background-image:url("images/123.gif");} </style> </head>
- 內(nèi)嵌樣式表饮笛，直接放入html元素標簽內(nèi)部；
舉例說明：
<body> <p style="color:red; font-size:18px">good</p> </body>
link和@import的區(qū)別论熙？
答：
- 從屬不同：link是HTML標簽福青，除了加載CSS外，還可以定義RSS脓诡，定義rel連接屬性等其他事務无午；@import屬于CSS范疇，只能加載CSS祝谚。
- link引用CSS時宪迟，在頁面載入時同時加載；@import需要頁面網(wǎng)頁完全載入以后加載交惯。所以某些網(wǎng)頁在打開的時候只出現(xiàn)文字次泽，沒有排版和樣式，而等@import加載以后才會重新渲染席爽。
- link是HTML標簽意荤，無兼容問題；@import是在CSS2.1提出的拳昌，低版本的瀏覽器不支持袭异。@import只有在IE5以上的才能識別，而link標簽無此問題炬藤。
- link支持使用Javascript控制DOM去改變樣式御铃；而@import不支持。
- ink可以放在頁面任何位置沈矿，一般情況下放在
<head>..</head>標簽中 ;但是@import必須放在<style>@import url(index2.css);</style>標簽內(nèi)上真。
二，文件路徑…/main.css 羹膳、./main.css睡互、main.css、/main.css有什么區(qū)別 ?
答：
- …/main.CSS是上級目錄中的main.CSS文件
- ./main.CSS與main.CSS是當前目錄中的main.CSS文件
- /main.css:當前文件的根目錄下的文件main.css
三陵像，console.log是做什么用的 ?
答：用來分析和調(diào)試的一個JS函數(shù)就珠，在瀏覽器的開發(fā)工具控制臺中使用，改變參數(shù)值醒颖，調(diào)試頁面妻怎。
四，text-align有幾個值泞歉，分別有什么作用逼侦？寫截圖說明區(qū)別
- text-align:center/文本水平居中對齊
- text-align:right/文本右對齊
- text-align:left/文本左對齊
- text-align：justify/文本兩端對齊
- text-align：inherit/從父元素繼承text-align屬性
截圖說明：
文本對齊屬性
五匿辩，px、em榛丢、rem分別是什么铲球？有什么區(qū)別？如何使用 ?
- px為像素晰赞，相對長度單位稼病，像素是固定大小的單元，一個像素等于電腦屏幕上的一個點宾肺。
- em是相對大小單位溯饵，em是相對于父元素的屬性而計算的.如2em，則是父級元素的2倍大小锨用。
- rem是相對大小單位，和根元素的尺寸大小一致隘谣，例如2rem增拥，則是根元素尺寸的2倍大小。
參考詳細資料
六寻歧，對chrome 審查元素的功能做個簡單的截圖介紹
chrome審查元素
- Elements：頁面元素掌栅，可以進行編輯，保存后實時查看頁面效果码泛；
- Console：此功能是模擬js控制臺猾封，直接寫代碼，查看結果噪珊；
- Sources：查看加載本頁面所調(diào)用的資源晌缘，如js，css痢站，php等磷箕；
- Network： 查看js模擬的http請求；
- Timeline：查看頁面性能阵难，頁面渲染速度的岳枷；
- Profile：主要測試加載文件速度參考；
- Resources：查看加載頁面所用的資源呜叫，鏈接的數(shù)據(jù)庫空繁，域名下保存的cookie信息等；
- styles：可以查看頁面樣式朱庆。
詳細資料1 OR 詳細資料2
七盛泡，如下代碼，設置 p為幾 rem椎工，讓h1和p的字體大小相等?
<h1>饑人谷</h1> <p>饑人谷</p> <style> html{ font-size: 62.5%; } p{ font-size: ?rem; } h1{ font-size: 60px; } </style>
答：設置為6rem饭于。
計算方法：瀏覽器默認大小為16px蜀踏，則html大小=16 x 62.5%=10px。h1=60px掰吕。rem 是相對于跟節(jié)點大小的倍數(shù)果覆。即p=6 x 10px=60px。
