樣式有幾種引入方式?link和@import有什么區(qū)別按摘？
共計(jì) 4 種方式可以在 HTML 中引入 CSS警检。
- 內(nèi)聯(lián)方式 直接在html里用標(biāo)簽添加樣式。
- 嵌入方式 通常在標(biāo)簽添加樣式。一般是給class或者id添加樣式池磁。 嵌入方式所添加的樣式對(duì)當(dāng)前頁面有效。
- 鏈接方式 在標(biāo)簽內(nèi)引入外部css文件楷兽。此種方式優(yōu)點(diǎn)：可維護(hù)性好地熄，CSS文件會(huì)在第一次加載時(shí)引入，以后切換頁面時(shí)只需加載 HTML 文件即可芯杀。
- 導(dǎo)入方式 使用@import導(dǎo)入外部css文件端考。
link和@import有什么區(qū)別？
- link屬于html標(biāo)簽揭厚，一般用于引用css樣式和a標(biāo)簽的鏈接却特。 @import必須在標(biāo)簽里引用css樣式。
- 加載順序不同筛圆。
link是在瀏覽器加載到css時(shí)同時(shí)加載裂明，而@import 是在加載完所有html后才加載。 - 兼容差別顽染。link所有瀏覽器都支持漾岳，@import必須在ie5以上版本。
- 通過dom控制樣式時(shí)粉寞，只能用link,而@import不支持尼荆。
文件路徑../main.css 、./main.css唧垦、main.css有什么區(qū)別捅儒？
../main.css 指上一層目錄里的main.css文件。
./main.css和main.css 都指當(dāng)前文件夾內(nèi)的main.css文件振亮。
console.log是做什么用的巧还？
調(diào)試js。在瀏覽器控制臺(tái)顯示console.log的內(nèi)容坊秸。
text-align有幾個(gè)值麸祷，分別有什么作用？
text-align 指文本水平對(duì)齊方式褒搔。
text-align:left; 左對(duì)齊
text-align:right;右對(duì)齊
text-align:center;居中對(duì)齊
text-align:justify;兩端對(duì)齊
text-align:inherit;繼承父元素屬性中的text-align
px阶牍、em喷面、rem分別是什么？有什么區(qū)別走孽？如何使用惧辈。
px是像素單位，絕對(duì)數(shù)值磕瓷。
em/rem是相對(duì)數(shù)值盒齿，em相對(duì)其父元素，rem相對(duì)其html節(jié)點(diǎn)定義的數(shù)值大小困食。rem是css3新引入的一個(gè)度量單位边翁，支持IE 8以上版本。
對(duì)chrome 審查元素的功能做個(gè)簡(jiǎn)單的截圖介紹硕盹。
如下代碼倒彰，設(shè)置p為幾 rem，讓h1和p的字體大小相等?
<h1>饑人谷</h1>
<p>饑人谷</p>
html{
font-size: 62.5%;
}
p{
font-size: ?rem;
}
h1{
font-size: 60px;
}
一般瀏覽器的根元素默認(rèn)字體大小16px莱睁，16*62.5%=10px 也就是說1rem=10px
p標(biāo)簽的font-size設(shè)置為6rem.
