樣式有幾種引入方式?
- 外部樣式表:引用外部樣式(方便重復(fù)使用)
- 內(nèi)部樣式表:在<head>中寫(xiě)在<style>標(biāo)簽內(nèi)
- 內(nèi)聯(lián)樣式表:直接寫(xiě)在標(biāo)簽里面
樣式表.png
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)有樣式（就是閃爍）足绅。
- 兼容性的差別捷绑。由于@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可以控制的。
- @import可以在css中再次引入其他樣式表加缘，比如可以創(chuàng)建一個(gè)主樣式表鸭叙，在主樣式表中再引入其他的樣式表。
文件路徑說(shuō)明
- ../main.css表示上一級(jí)文件夾下的main.css
- ./css/main.css表示當(dāng)前文件夾下CSS文件夾里的main.css
- main.css和./main.css表示當(dāng)前文件夾下的main.css
console.log的作用
console.log主要是用于調(diào)試代碼拣宏，他會(huì)將調(diào)試信息輸出到console控制tail上沈贝，并且不會(huì)影響網(wǎng)頁(yè)的正常解析和顯示。
text-align有幾個(gè)值以及它們的作用
text-align用于規(guī)定塊級(jí)元素中的行內(nèi)元素的對(duì)齊方式,text-align并不能控制塊元素自己的對(duì)齊方式. 常見(jiàn)的值為:
- text-align:left;-------------左對(duì)齊
- text-align:right;------------右對(duì)齊
- text-align:center;-----------居中
- text-align:justify; -----------兩側(cè)對(duì)齊
詳細(xì)可參見(jiàn)MDN-Web技術(shù)文檔-CSS-text-align
px勋乾、em宋下、rem分別是什么？有什么區(qū)別市俊？
- px:像素單位
- em:相對(duì)于父容器
-
rem:相隨于HTML根節(jié)點(diǎn)
ps默認(rèn)1em=16px
三種單位的演示.png
Chrome審查元素基礎(chǔ)功能
Chrome審查元素基礎(chǔ)功能.png
