樣式有幾種引入方式? link和 @import有什么區(qū)別更耻？
- 樣式有三種引入方式
- 1.內(nèi)聯(lián)樣式
<p style="background-color:red;">內(nèi)聯(lián)樣式</p>
- 2.內(nèi)部樣式
<head>
<style>
p{
background-color:red;
}
</style>
</head>
- 3.外部樣式
<head>
<style>
<link rel="stylesheet" href="test.css" type="text/css">
</style>
</head>
- link和@import有什么區(qū)別
- 歷史差別凯正。link屬于XHTML標(biāo)簽撬码，而@import完全是CSS提供的一種方式酪呻。link標(biāo)簽除了可以加載CSS外，還可以做很多其它的事情痒筒，比如定義RSS夷狰，定義rel連接屬性等岭皂，@import就只能加載CSS了。
- 加載順序的差別孵淘。當(dāng)一個(gè)頁(yè)面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候）蒲障，link引用的CSS會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁(yè)面全部被下載完再被加載瘫证。所以有時(shí)候?yàn)g覽@import加載CSS的頁(yè)面時(shí)開(kāi)始會(huì)沒(méi)有樣式（就是閃爍）揉阎，網(wǎng)速慢的時(shí)候還挺明顯。
- 兼容性的差別背捌。由于@import是CSS2.1提出的所以老的瀏覽器不支持毙籽，@import只有在IE5以上的才能識(shí)別，而link標(biāo)簽無(wú)此問(wèn)題毡庆。
- 使用dom控制樣式時(shí)的差別坑赡。當(dāng)使用javascript控制dom去改變樣式的時(shí)候，只能使用link標(biāo)簽么抗，因?yàn)锧import不是dom可以控制的毅否。
文件路徑../main.css 、./main.css蝇刀、main.css有什么區(qū)別螟加？
- ../main.css 表示當(dāng)前文檔上一目錄文件夾下的main.css文件
- ./main.css、main.css 一樣吞琐，表示當(dāng)前文檔文件夾下的main.css文件
console.log是做什么用的捆探？
- console.log常用于在在瀏覽器中調(diào)試javascript
代碼
瀏覽器控制臺(tái)
text-align有幾個(gè)值，分別有什么作用站粟？
- text-align有四個(gè)值
- text-align:left; 文本左對(duì)齊黍图，也是text-align的默認(rèn)樣式
- text-align:right; 文本右對(duì)齊
- text-align:center; 文本居中
-
text-align:justify; 改變字與字之間的間距：主要用于長(zhǎng)文本段落使文本對(duì)齊美觀。
text-align:justify效果
px奴烙、em助被、rem分別是什么剖张？有什么區(qū)別？如何使用恰起？
- px是絕對(duì)大小修械，em、rem是相對(duì)大小
- px表示像素單位检盼，font-size:12px;表示字體為12像素。
- em與rem表示相對(duì)大小的單位
- font-size:1.2em;表示當(dāng)前字體大小相對(duì)于父元素字體大小的1.2倍翘单。
- font-size:1.2rem;表示當(dāng)前字體大小相對(duì)于HTML(根節(jié)點(diǎn))字體大小的1.2倍吨枉。（如果HTML未設(shè)置字體大小，在瀏覽器中默認(rèn)的文字大小是16px）
對(duì)chrome 審查元素的功能做個(gè)簡(jiǎn)單的截圖介紹
選中將要審查元素的工具
選中頁(yè)面中將要審查的元素
選中后元素的代碼將在開(kāi)發(fā)者工具Elements選項(xiàng)中高亮顯示
最右側(cè)顯示所選中元素的style樣式
在審查界面中更改樣式
可直接對(duì)此元素進(jìn)行更改（優(yōu)先級(jí)最高）
在此元素原樣式下更改
![Uploading Paste_Image_805446.png . . .]
如下代碼哄芜，設(shè)置 p為幾 rem貌亭，讓h1和p的字體大小相等?
<h1>饑人谷</h1>
<p>饑人谷</p>
<style>
html{
font-size: 62.5%;
}
p{
font-size: ?rem;
}
h1{
font-size: 60px;
}
</style>
- 在瀏覽器中默認(rèn)的文字大小是16px，font-size:62.5%;應(yīng)該為10px认臊。所以p為6rem可以讓h1和p的字體大小相等
本博客版權(quán)歸 楊然和饑人谷所有圃庭，轉(zhuǎn)載需說(shuō)明來(lái)源
