- 樣式有幾種引入方式?
link和@import有什么區(qū)別- 樣式有幾種引入方式
- 外部引入樣式表
其中<link rel="stylesheet" href="#">標簽就是用來引入外部的CSS文件 - 內部的樣式表
在<style></style>兩個標簽中直接寫入CSS代碼 - 內嵌在HTML代碼中的樣式
例如强窖，<p style="font-size: 12px;"><p>在HTML標簽中的style屬性中寫入CSS代碼走触。
- 外部引入樣式表
-
link和@import有什么區(qū)別
其中link是為HTML服務的堵幽，而@import是為CSS服務的统刮，@import只能用在CSS環(huán)境中引入CSS文件析命，即在<style>@import url();</style>或者在CSS文件中加入匙姜。
- 樣式有幾種引入方式
- 文件路徑
../main.css毛秘、./main.css颅和、main.css有什么區(qū)別-
../main.css表示在上一級目錄中的main.css文件 -
./main.css表示在當前目錄下的main.css文件 -
main.css也表示當前目錄下的main.css文件
-
-
console.log是做什么用的
console.log是控制臺日志弄抬，作用是用來調試JS茎辐，可以把想要的信息呈現(xiàn)在控制臺。相比aler()，console.log不會打斷程序的運行拖陆，效率更高弛槐。 -
text-align有幾個值，分別有什么作用
text-align的值有:
left|right|center|jsutify
- `text-align`的值用來定義行內文字相對于父元素的對齊
- 應用于塊級元素
- 是可以被繼承的
- **并不能控制塊元素對齊依啰，就是不能用來給塊元素居中定位**
其中left讓內容相對于父元素左對齊乎串，right讓內容相對于父元素右對齊，center讓內容相對于父元素居中速警，justify讓內容相對于父元素兩邊對齊叹誉，中間文字的間隔平均拉大。
-
px闷旧、em长豁、rem分別是什么？有什么區(qū)別忙灼？如何使用- px
px像素（Pixel）匠襟。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的该园。這邊所指的像素是CSS像素酸舍，就是為了WEB編程所設計的像素概念。那為什么說CSS像素是相對的單位呢爬范，因為例如一張width=300px的圖父腕，這張圖是可以縮放的，但是它300像素的寬并不會改變青瀑，只不過當放大時一個CSS像素覆蓋了多個設備像素或縮小時一個設備像素覆蓋了多個CSS像素璧亮。
CSS像素縮放 - em
相對單位，這個單位表示元素的font-size的計算值斥难。如果用在font-size屬性本身枝嘶，它會繼承父元素的font-size。意思是如果其他屬性使用em這個單位哑诊，相對的是當前font-size的值群扶，如果設置font-size屬性，相對的是父元素font-size的值镀裤。 - rem
CSS3才出現(xiàn)相對單位竞阐，意思是root em，相對于的是根節(jié)點html的font-size大小暑劝。
這些單位屬于長度單位<length>骆莹，在使用過程中只要在<number>后加一個單位就可以了，例如px,em,rem
- px
-
對chrome 審查元素的功能做個簡單的截圖介紹
Chrome審查元素123
Chrome審查元素4
Chrome審查元素5
Chrome審查元素6
圖中的1區(qū)域主要用來HTML的調試HTML元素担猛，2區(qū)域主要查看選定元素的CSS樣式幕垦，3區(qū)域是控制臺區(qū)域用來調試JS丢氢，4區(qū)域查看網站的原文件，可以做JS的斷點調試先改，5區(qū)域查看所發(fā)出的網絡請求疚察，6區(qū)域查看cookies等。
-
如下代碼仇奶，設置
p為幾rem貌嫡，讓h1和p的字體大小相等?<h1>老虎愛吃母雞</h1> <p>老虎愛吃母雞</p> <style> html { font-size: 62.5%; } p { font-size: ?rem; } h1{ font-size: 60px; } </style>
當p為6rem時，h1和p的字體大小相等
