1.CSS的全稱是什么?
CSS全稱為Cascading Style Sheets， 層疊樣式表。
2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?
CSS有四種引入方式：行內(nèi)式，內(nèi)嵌式，導(dǎo)入式，和 鏈接式。
link 和@import的區(qū)別：
- link屬于html標(biāo)簽，而@import是css提供的。
- 頁(yè)面被加載時(shí)，link會(huì)同時(shí)被加載，而@import引用的css會(huì)等到頁(yè)面加載結(jié)束后加載。
- link是html標(biāo)簽，因此沒(méi)有兼容性，而@import只有IE5以上才能識(shí)別。
- link方式樣式的權(quán)重高于@import的。
3.以下這幾種文件路徑分別用在什么地方，代表什么意思?
1）相對(duì)路徑
- css/a.css指當(dāng)前目錄下的css文件夾里的a.css文件
- ./css/a.css 指當(dāng)前目錄下css文件夾中的a.css文件（同上）
- b.css 當(dāng)前目錄下的b.css文件
- ../imgs/a.png 指上級(jí)目錄下的imgs 文件夾中的a圖片文件
2）絕對(duì)路徑（本地文件的絕對(duì)地址）
- /User/hunger/project/css/a.css 本地絕對(duì)路徑中的a.css文件
3）網(wǎng)站路徑
- http://cdn.jirengu.com/kejian1/8-1.png3 按照該鏈接地址找到的8-1.png3圖片文件
/static/css/a.css 指在當(dāng)前目錄下再按照給定目錄地址找到的a.css文件
4.如果我想在js.jirengu.com上展示一個(gè)圖片，需要怎么操作?
將所需圖片上傳至服務(wù)器。獲取到該圖片的url，然后在需要用該圖片的地方引入它的url。
5.列出5條以上html和 css 的書寫規(guī)范
- 標(biāo)簽一定要正確嵌套，標(biāo)簽一定要閉合。
- 模塊之間必須保持獨(dú)立，區(qū)塊化布局，方便隨意增刪改，多人協(xié)作維護(hù)。
- 使用CSS縮寫屬性。
- 屬性值為零的 去掉單位。
- 16進(jìn)制顏色代碼縮寫。
- 需要程序單獨(dú)賦值或者控制的地方盡量用獨(dú)立的標(biāo)簽包括起來(lái)，方便添加id和其他自定義屬性。
6.截圖介紹 chrome 開發(fā)者工具的功能區(qū)
-
使用 設(shè)備模擬器可以模擬不同的設(shè)備分辨率顯示效果。
-
使用 Elements(元素)面板，檢查并實(shí)時(shí)編輯頁(yè)面中的HTML和CSS。
1）在Styles(樣式)窗格中查看和更改應(yīng)用于任何選定元素的CSS規(guī)則。
2）在Computed(計(jì)算)窗格中查看和編輯所選元素的盒模型。
3）在Sources(源代碼)面板中查看您在本地網(wǎng)頁(yè)上所做的任何更改。
-
在開發(fā)期間，可以使用Console(控制臺(tái)面板)記錄診斷信息?；蛘呤褂盟鳛?shell,在頁(yè)面上與JavaScript交互。
-
在Sources(源代碼面板)中，可以斷點(diǎn)調(diào)試 JavaScript 。或者通過(guò)Workspaces（工作區(qū)）連接本地文件，使用開發(fā)者工具實(shí)時(shí)編輯。
-
使用Network(網(wǎng)絡(luò)面板)了解請(qǐng)求和下載的資源文件，并優(yōu)化您的網(wǎng)頁(yè)加載性能。
-
使用Application(資源面板)檢查加載的所有資源，包括IndexedDB與Web SQL數(shù)據(jù)庫(kù)，本地和會(huì)話存儲(chǔ)，cookie，應(yīng)用程序緩存，圖像，字體和樣式表。
