1.樣式有幾種引入方式?link和@import有什么區(qū)別
css有三種引入方式:
1.外部樣式表<link rel="stylesheet" type="text/css" href="文件名.css(例如main.css)">
2.內(nèi)部樣式表(位于標(biāo)簽內(nèi)部)
<style type="text/css">
? ? p{
? ? ? ? color:red;
? ? }
</style>
3.內(nèi)聯(lián)樣式(在HTML元素內(nèi)部)
<p style="color:blue; font-size:14px;">段落</p>
js有2種方式:
1.外部js
<script type="text/javascript" src="文件名.js"(例如main.js)></script>
2.內(nèi)部js
<script>
? ? console.log(hello);
</script>
其他方法
1.@import url(文件名.css(例如main.css))
2.瀏覽器缺省設(shè)置:在不設(shè)置樣式的情況下,瀏覽器使用默認(rèn)的樣式設(shè)置,例如:<h(1~6)>,<p>標(biāo)簽等;
ps:相對于內(nèi)部樣式表和內(nèi)聯(lián)樣式,外部樣式表更常用,因為在做網(wǎng)頁時,不會只寫一篇程序,如果css和js在HTML里同時出現(xiàn),會顯得很亂,重要的是不方便后期修改和維護(hù)。
link和@import都用于外部引用,link引用css時,頁面會在加載的同時加載css,@import引用css時,頁面會在加載完之后加載,造成頁面一開始沒有樣式。
2.文件路徑../main.css、./main.css、main.css有什么區(qū)別
../main.css:在上一級目錄文件中尋找該文件
./main.css:在當(dāng)前目錄文件中尋找該文件
main.css:在當(dāng)前目錄文件中尋找該文件
3.console.log是做什么用的
用于調(diào)試JavaScript,不會像alert一樣每次都會有彈窗,并且不能顯示字符串,console.log會在控制臺輸出信息,不會影響頁面運(yùn)行。
4.text-align有幾個值,分別有什么作用
1.text-align:center是文本居中顯示
2.text-align:left是文本往左邊對其
3.text-align:right是文本往右邊對其
4.text-align:justify是文字有多行的時候,讓文字左右兩邊對其
ps:如果對div設(shè)置text-align,就是對div的所有內(nèi)容設(shè)置了text-align
5.px、em、rem分別是什么?有什么區(qū)別?如何使用
PX:像素單位,幾PX就是幾像素
em:倍數(shù),相對于父元素的倍數(shù)
rem:倍數(shù),相對于根元素的倍數(shù)
PX是固定的,幾PX就是幾像素,不會隨著其他改變而改變,(chrome設(shè)置字體大小默認(rèn)最小12px,即使設(shè)置了更小的字號,也是顯示12px大小的字)使用:font-size:12px;border:1px;
em是相對于父元素字體的倍數(shù),1em是父元素字體的1倍,2em是父元素字體的2倍
rem是相對于根元素字體的倍數(shù),1em是根元素字體的1倍,2em是根元素字體的2倍
rem是對于根元素的固定元素,無論其他元素如何變化,它只遵循根元素的字體變化,em是不固定元素,它隨父元素的變化而變化。
6.對chrome 審查元素的功能做個簡單的截圖介紹


Chrome提供了審查元素功能,只需右鍵點(diǎn)擊"審查元素"(名字),即可打開Chrome Inspector,獲得網(wǎng)頁各種元素的加載時間、Javascript函數(shù)、Object等信息。
審查元素可以在頁面內(nèi)查看該頁面任何元素的HTML、CSS和JavaScript信息,再想查看元素的位置點(diǎn)擊右鍵點(diǎn)擊檢查,可以看見所有信息,以及修改和添加信息,并且能夠以alert和console.log的方式檢查代碼顯示情況。
7.如下代碼,設(shè)置p為幾 rem,讓h1和p的字體大小相等?
應(yīng)該設(shè)置為6rem。
瀏覽器默認(rèn)字體大小是16px,16px*62.5%是10px,根節(jié)點(diǎn)字體大小是10px。h1的字體大小60px,是10px的6倍,p要和h1大小相等,需要設(shè)置為6rem
本文章版權(quán)屬 饑人谷_張世鈞和饑人谷 所有,如需轉(zhuǎn)載請務(wù)必注明出處。