- 樣式有幾種引入方式? link和 @import有什么區(qū)別?
主要的是以下三種:
- 瀏覽器缺省設(shè)置:瀏覽器的默認(rèn)設(shè)置。
- 外部樣式表:將樣式放在文件中,編碼時(shí)利用href(資源定位服務(wù))或者@import (較少使用)鏈接使用完成效果。
- 內(nèi)部樣式表:直接在標(biāo)簽內(nèi)部添加樣式叠萍。(添加單獨(dú)style標(biāo)簽或在需要添加樣式的標(biāo)簽元素內(nèi)添加style)
link是一個(gè)html的一個(gè)標(biāo)簽负敏,而@import是css的一個(gè)標(biāo)簽。link標(biāo)簽除了可以加載css外砸紊,還可以做很多其它的事情,比如聲明頁面鏈接屬性囱挑,聲明目錄等醉顽,@import就只能加載css了且當(dāng)一個(gè)頁面被加載的時(shí)候,link引用的css會(huì)同時(shí)被加載看铆,而@import引用的css會(huì)等到頁面全部被下載完再被加載徽鼎。
- 文件路徑../main.css、./main.css弹惦、main.css否淤、/main.css有什么區(qū)別?
- ../main.css:當(dāng)前文件所在目錄的上一級(jí)目錄下的main.css文件
- ./main.css棠隐、main.css:當(dāng)前文件所在目錄下的main.css文件
- /main.css:當(dāng)前文件的根目錄下的文件main.css文件
- console.log是做什么用的石抡?
console :控制臺(tái);log:日志助泽,意思是在控制臺(tái)輸出日志信息啰扛『烤控制臺(tái)也叫開發(fā)者工具,屬于瀏覽器的一部分隐解,用于開發(fā)者調(diào)試使用鞍帝。 -
text-align有幾個(gè)值,分別有什么作用煞茫?寫截圖說明區(qū)別帕涌?
總共有5個(gè)值,分別如下:
Paste_Image.png - px续徽、em蚓曼、rem分別是什么?有什么區(qū)別钦扭?如何使用?
px(像素)是絕對單位,表示屏幕設(shè)備物理上能顯示出的最小的一個(gè)點(diǎn)纫版;em是相對單位,基準(zhǔn)點(diǎn)為父節(jié)點(diǎn)字體的大锌颓椤其弊;rem是相對單位,基準(zhǔn)點(diǎn)是根元素<html>的字體大小裹匙。 -
對chrome 審查元素的功能做個(gè)簡單的截圖介紹瑞凑。
Snip20160829_16.png - 如下代碼末秃,設(shè)置 p為幾 rem概页,讓h1和p的字體大小相等?
由于任意瀏覽器的默認(rèn)字體高都是16px,因此此段代碼中html 的大小為:62.5%16px=10px,rem基準(zhǔn)點(diǎn)是根元素<html>的字體大小练慕,要使h1同p的字體大小相等,則p應(yīng)該設(shè)為6rem=610px=60px惰匙。