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)簽钓试,因此沒有兼容性,而@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)簽包括起來护蝶,方便添加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 蝇率。或者通過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)用程序緩存,圖像纵揍,字體和樣式表顿乒。