CSS樣式的引入方式及link
和@import
的區(qū)別
- 樣式有3種引入方式:
①外部式:在<head>
下使用link
或@import
引入xx.css文件。
②內(nèi)部式:在<head>
下使用<style>
書寫帘饶。
③內(nèi)聯(lián)式:在對(duì)應(yīng)標(biāo)簽的起始符中直接添加style
樣式。 -
link
和@import
有以下區(qū)別:(一般使用link
)
①link
的css載入與頁面加載同步渣叛;而@import
的css是在頁面加載完成后引入的哟玷。
②link
無兼容性問題;而@import
是CSS2.1時(shí)提出的仅乓,部分低版本瀏覽器不支持赖舟。
③link
支持使用Javascript控制DOM去改變樣式;而@import
不支持夸楣。
④link
還可用于定義RSS等其他事務(wù)宾抓;而@import
只能用于加載css。
文件路徑../main.css 豫喧、./main.css石洗、main.css的區(qū)別
-
../main.css
是指上一級(jí)目錄中的css文件,而./main.css
紧显、main.css
都是指本目錄下的css文件讲衫。
在調(diào)試中console.log
的作用
-
console.log
是用于調(diào)試Javascript用的,一步步追根溯源讓控制臺(tái)打印出對(duì)應(yīng)數(shù)據(jù)孵班,查看是否則正確涉兽,找出問題的關(guān)鍵點(diǎn)招驴。相比于alert,console能顯示具體內(nèi)容枷畏、且不打斷頁面忽匈、也可在控制臺(tái)顯示其他內(nèi)容。
text-align: justify是什么
-
text-align: justify
是讓文本兩端對(duì)齊的屬性矿辽,通過調(diào)整字間距讓兩端對(duì)齊丹允。
px、em袋倔、rem三者的區(qū)別
- 3個(gè)都是字體大小的“單位"雕蔽,與數(shù)字結(jié)合定義字體大小,但有區(qū)別宾娜。
-
px
的大小是相對(duì)于顯示分辨率而言的批狐、em
的大小則是相對(duì)于其父元素而言的、rem
的大小是相對(duì)于根元素而言的前塔。
chrome 審查元素的功能簡介:
0_1459513770459_chrome.png