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