- 樣式有幾種引入方式? link 和 @import有什么區(qū)別扒最？
- 外部樣式表
<link rel="stylesheet" type="text/css" href="index.css">趣惠；
href：鏈接文件的位置
rel：當前文件與鏈接文件的關(guān)系
- 內(nèi)部樣式表
<style type="text/css">
h1 {
color: blue;
font-size: 20px;
}
</style>
- 內(nèi)聯(lián)樣式表
在想要的改變樣式的標簽內(nèi)添加style屬性
<h1 style="color:white;font-size:20px">
- link和@import的區(qū)別
- link為html標簽巾腕，@import是css提供的一種方式蛮艰，link標簽還可以對應許多屬性，@import只能加載css
- 加載順序不同宴卖，當一個頁面被加載的時候汉买，link引用的css會同時被加載衔峰，@improt引用的css會在頁面加載完成后加載
- 兼容性：link標簽兼容性優(yōu)于@import
- 文件路徑../main.css 、./main.css蛙粘、main.css有什么區(qū)別?
./main.css與main.css表示的含義相同垫卤，表示調(diào)用在當前目錄中的main.css文件
../main.css表示調(diào)用上級目錄中的main.css文件
- console.log是做什么用的
- 方便你調(diào)式javascript使用，你可以看到你在頁面中輸出的內(nèi)容,里面的內(nèi)容非常豐富
- console不會打斷你頁面的操作,console輸出內(nèi)容后你頁面還可以正常操作
- text-align有幾個值出牧，分別有什么作用
| 值 | 描述 |
|---|---|
| left | 左邊對齊穴肘。默認值：由瀏覽器決定。 |
| right | 右邊對齊 |
| center | 中間對齊 |
| justify | 兩端對齊 |
| inherit | 從父元素繼承 text-align 屬性的值 |
text-align 規(guī)定文本的水平對齊方式舔痕。
- px评抚、em豹缀、rem分別是什么？有什么區(qū)別慨代？如何使用
- px：px是Pixel的縮寫邢笙，單位名稱為像素，px相對于顯示器屏幕分辨率而言是相對長度單位侍匙，氮惯，對于瀏覽器而言為絕對長度單位
- em 相對長度單位，當前對象內(nèi)文本的字體尺寸
- rem 相對長度單位想暗。相對于html的font-size計算值的倍數(shù)
- 補充：任意瀏覽器的默認字體單位大小為16px（16像素）妇汗。所有未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px
- 對chrome 審查元素的功能做個簡單的截圖介紹
審查元素.png
- 如下代碼，設置 p為幾 rem说莫，讓h1和p的字體大小相等?
<h1>饑人谷</h1>
<p>饑人谷</p>
<style>
html {
font-size: 62.5%;
}
p {
font-size: ?rem;
}
h1 {
font-size: 60px;
}
</style>
計算：
任意瀏覽器的默認字體單位大小為16px杨箭，因此html{font-size: 62.5%;}轉(zhuǎn)換為px單位的值為16px*62.5%=10px。
h1和p字體大小相等唬滑，則p的字體大小為6rem
- 代碼
- 設置body的字體為微軟雅黑告唆，字號16px棺弊， 行高1.5倍晶密，字體顏色 #333
- 設置段落顏色#000, 首行縮進兩個字體寬度，1.5倍行高
task5代碼：task5
本文版權(quán)歸作者和饑人谷所有模她，轉(zhuǎn)載請注明來源
