樣式有幾種引入方式? link和 @import有什么區(qū)別振定？
答：引入樣式的方法有外部樣式、內(nèi)部樣式肉拓、內(nèi)聯(lián)樣式后频。
- 外部樣式：將樣式表寫入外部的CSS文件中，優(yōu)勢(shì)利于管理所有樣式暖途，也是最推薦的一種方法卑惜。
例：<link rel="stylesheet" type="text/css" href="index.css" /> - 內(nèi)部樣式：將樣式寫入
<head></head>之間，優(yōu)點(diǎn)是直觀修改起來方便驻售，缺點(diǎn)是如果是多個(gè)網(wǎng)頁(yè)不利于代碼的維護(hù)管理残揉。
例：<style type="text/css"> body{ color: #000; font-size: x-large; } </style> - 內(nèi)聯(lián)樣式：將樣式寫入標(biāo)簽內(nèi)部，最不推薦使用芋浮。
例：<p style="font-size:14px;color:red></p>
link和 @import的區(qū)別:
- link是HTML的一個(gè)標(biāo)簽還可以用來定義RSS抱环、REL鏈接等，import是css的一個(gè)標(biāo)簽纸巷。
- link在加載頁(yè)面前加載好CSS镇草，而import在加載完頁(yè)面后再加載CSS，且會(huì)出現(xiàn)閃現(xiàn)瘤旨。
- link支持使用JS控制DOM改變CSS樣式梯啤，而import不可以。
文件路徑../main.css存哲、./main.css因宇、main.css有什么區(qū)別？
答：
-
../main.css表示上一級(jí)目錄文件祟偷。 -
./main.css表示當(dāng)前目錄文件察滑。 -
main.css表示當(dāng)前目錄文件。
console.log是做什么用的?
答：用來調(diào)試JS修肠，輸出到控制臺(tái)比alert()方便一些贺辰。
text-align有幾個(gè)值，分別有什么作用嵌施？
答：text-align用來設(shè)置文本的對(duì)齊方式饲化，常用的有4個(gè)值：
- left 向左對(duì)齊
- right 向右對(duì)齊
- center 居中對(duì)齊
- justify 兩側(cè)調(diào)整對(duì)齊
px、em吗伤、rem分別是什么吃靠？有什么區(qū)別？如何使用足淆？
答：
- px表示像素的大小巢块，取決于屏幕像素的大小捺球。
- em是相對(duì)于父元素的大小。
- rem是相對(duì)于HTML根節(jié)點(diǎn)的大小根節(jié)點(diǎn)默認(rèn)為16PX夕冲。
區(qū)別：px是絕對(duì)的。em會(huì)繼承父元素字體的大小裂逐，但是父元素大小不同歹鱼，會(huì)發(fā)生一些連鎖反應(yīng)。rem直接繼承根節(jié)點(diǎn)的大小卜高，可以說是固定的弥姻，只有根字體發(fā)生變化才會(huì)發(fā)生變化。
對(duì)chrome 審查元素的功能做個(gè)簡(jiǎn)單的截圖介紹
答:如圖所示
QQ截圖20160719132904.png
如下設(shè)置p為幾個(gè)rem掺涛，讓h1和p的字體大小相等庭敦？
<p>饑人谷</p>
<style>
html
{
font-size: 62.5%;
}
p{
font-size: ?rem;
}
h1{
font-size: 60px;
}
</style>```
答：已知瀏覽器默認(rèn)大小為16px，設(shè)置h1字體為60px
所以rem值為：60/（16*62.5%）=6rem
**本教程版權(quán)歸饑人谷_浩天和饑人谷所有薪缆，轉(zhuǎn)載須說明來源**