一谦屑、樣式有幾種引入方式? link 和 @import有什么區(qū)別
1.外部樣式
從外部引入一個(gè)css樣式表,最常用的方式朴皆。
<link rel="stylesheet" type="text/css" href="xxx.css">
整個(gè)網(wǎng)站的頁面都能引用贴彼。
2.內(nèi)部樣式
內(nèi)部樣式<style>
放在<head>
元素中。
<style> div{background-color:#f00 font-size:12px} </style>
。
只能設(shè)置單個(gè)網(wǎng)頁的樣式卡睦。
3.行內(nèi)樣式
在HTML元素的內(nèi)部宴胧,利用style屬性直接定義樣式。
<p style="color=blue;">西門</p>
只能設(shè)置單個(gè)html元素的樣式表锻。
4.@import
通過@import
導(dǎo)入樣式表牺汤。
html中寫法:
<style> @import url(樣式表地址); </style>
css中的寫法:
@omport url(樣式表地址);
link和@import的區(qū)別:
區(qū)別1:link是XHTML標(biāo)簽,除了加載CSS外浩嫌,還可以定義RSS等其他事務(wù)檐迟;@import屬于CSS范疇,只能加載CSS码耐。
區(qū)別2:link引用CSS時(shí)追迟,在頁面載入時(shí)同時(shí)加載;@import需要頁面網(wǎng)頁完全載入以后加載骚腥。
區(qū)別3:link是XHTML標(biāo)簽敦间,無兼容問題;@import是在CSS2.1提出的束铭,低版本的瀏覽器不支持廓块。
區(qū)別4:ink支持使用Javascript控制DOM去改變樣式;而@import不支持契沫。
二带猴、文件路徑../main.css 、./main.css懈万、main.css有什么區(qū)別
../main.css
在上一級目錄下尋找main.css
./main.css與main.css
在當(dāng)前目錄下尋找main.css
main.css
和./main.css
相同
三拴清、console.log是做什么用的
是javascript中調(diào)試代碼用的,意思是在控制臺打印会通。
四口予、text-align有幾個(gè)值,分別有什么作用
- text-align 文本對齊方式
- left 左對齊
- right 右對齊
- center 居中
- justify 兩端對齊
五涕侈、px沪停、em、rem分別是什么裳涛?有什么區(qū)別木张?如何使用
- px像素(Pixel) 相對長度單位。像素px是相對于顯示器屏幕分辨率而言的调违。
- em 是相對長度單位窟哺,在html中是根據(jù)其父級元素為標(biāo)準(zhǔn)的。
- rem 是相對于HTML根元素的相對長度單位技肩。這個(gè)單位可謂集相對大小和絕對大小的優(yōu)點(diǎn)于一身且轨,通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小浮声,又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。
六旋奢、對chrome 審查元素的功能做個(gè)簡單的截圖介紹
七泳挥、如下代碼,設(shè)置 p為幾 rem至朗,讓h1和p的字體大小相等?
答案是6ren
屉符。html元素默認(rèn)是是16px。16*0.625=10 所以html元素的大小是10px锹引。而rem就是相對html元素的大小矗钟,如果要使h1和p的大小相等,p應(yīng)該為6rem嫌变。