-
樣式有幾種引入方式? link 和 @import有什么區別
-
外部樣式表：
<head> <link rel="stylesheet" type="text/css" href="index.css"> </head> -
內部樣式：
<body> <p style="color: blue; font-size:14px;">段落</p> </body> -
嵌入樣式：
<head> <style type="text/css"> p { color:red; font-size：18px; } </style> </head> -
導入式樣式：
<head> <style> @import url("#.css") </style> </head>link 和 @import的區別：
- link是XHTML標簽，除了加載CSS外，還可以定義RSS等其他事務；@import屬于CSS范疇，只能加載CSS。
- link引用CSS時，在頁面載入時同時加載；@import需要頁面網頁完全載入以后加載。
- link是XHTML標簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
- link支持使用Javascript控制DOM去改變樣式；而@import不支持。
-
文件路徑../main.css 、./main.css、main.css、/main.css有什么區別
…/main.css代表上級目錄的main.css文件
./main.css代表當前目錄main.css文件
main.css代表當前目錄的main.css文件
/main.css 是在當前目錄的根目錄尋找 css文件
- console.log是做什么用的
用于調試代碼，在控制臺中更改變量。
- text-align有幾個值，分別有什么作用？寫截圖說明區別
text-align：left 表示文本排列到左邊
text-align：center 表示本文居中
text-align：right 表示文本排列到右邊
text-align：inherit 表示文本繼承父元素text-align屬性值進行排列
text-align：justify表示文本排列水平對
Paste_Image.png
- px、em、rem分別是什么？有什么區別？如何使用
px：px是相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。
em：em是指相對于父元素的大小, 例如 ·font-size
中設置一個<div>
字體為16px,那在此div 后代繼承字體大小均為16px ，
如果設置其中某子元素 字體大小為0.5em，那此元素字體大小為8px，2em則為32px
rem：rem是指相對于html根元素的字體大小。
-
對chrome 審查元素的功能做個簡單的截圖介紹
Paste_Image.png - 如下代碼，設置 p為幾 rem，讓h1和p的字體大小相等?
6rem
