CSS的全稱是什么?
CSS：層疊樣式表（casecating style sheet），是對(duì)html元素的式樣進(jìn)行定義强胰，比如顏色侨歉，位置，是否有邊框等等处铛。
CSS有幾種引入方式? link 和@import 有什么區(qū)別?
- 行內(nèi)式
<h1 style="color: red; font-size:10px;"></h1>
- 內(nèi)嵌式
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
<h1>hello word</h1>
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<style>
@import url("hello.css");
@import "world.css";
</style>
link 和@import 的區(qū)別
- link是HTML標(biāo)簽饲趋；@import屬于CSS范疇，只能加載CSS罢缸。
- link引用CSS時(shí)篙贸，在頁(yè)面載入時(shí)同時(shí)加載；@import需要頁(yè)面網(wǎng)頁(yè)完全載入以后加載枫疆。
- link是HTML標(biāo)簽，無(wú)兼容問(wèn)題敷鸦；@import是在CSS2.1提出的息楔，低版本的瀏覽器不支持。
- link支持使用Javascript控制DOM去改變樣式扒披；而@import不支持值依。
以下這幾種文件路徑分別用在什么地方，代表什么意思?
相對(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.png圖片 |
相對(duì)路徑
| 文件路徑 |
代表意思 |
| /Users/hunger/project/css/a.css |
計(jì)算機(jī)Users目錄下的a.css文件 |
網(wǎng)站路徑
如果我想在js.jirengu.com上展示一個(gè)圖片碟案，需要怎么操作?
- 將本地圖片上傳到服務(wù)器中愿险，使用相對(duì)路徑獲取這個(gè)圖片。
- 網(wǎng)絡(luò)圖片，取得網(wǎng)絡(luò)圖片的網(wǎng)絡(luò)地址（絕對(duì)路徑）辆亏，直接使用這個(gè)網(wǎng)絡(luò)地址即可风秤。
列出5條以上html和 css 的書(shū)寫規(guī)范
- 語(yǔ)法不區(qū)分大小寫，但建議統(tǒng)一使用小寫
- 不使用內(nèi)聯(lián)的style屬性定義樣式
- id和class使用有意義的單詞扮叨，分隔符建議使用-
- 有可能就是用縮寫
- 屬性值是0的省略單位
- 塊內(nèi)容縮進(jìn)
- 屬性名冒號(hào)后面添加一個(gè)空格
截圖介紹 chrome 開(kāi)發(fā)者工具的功能區(qū)
- Elements
允許我們從瀏覽器的角度看頁(yè)面缤弦，可以看到chrome渲染頁(yè)面所需要的的HTML、CSS和DOM對(duì)象彻磁。此外碍沐，還可以編輯這些內(nèi)容更改頁(yè)面顯示效果。
- Console
顯示各種警告與錯(cuò)誤信息衷蜓，并且提供了shell用來(lái)和文檔累提、開(kāi)發(fā)者工具交互。
- Sources
用于查看和調(diào)試當(dāng)前頁(yè)面所加載的腳本的源文件磁浇。
- Network
可以看到頁(yè)面向服務(wù)器請(qǐng)求了哪些資源刻恭、資源的大小以及加載資源花費(fèi)的時(shí)間，當(dāng)然也能看到哪些資源不能成功加載扯夭。此外鳍贾，還可以查看HTTP的請(qǐng)求頭，返回內(nèi)容等交洗。
- Performance
提供了加載頁(yè)面時(shí)花費(fèi)時(shí)間的完整分析骑科，所有事件，從下載資源到處理Javascript构拳，計(jì)算CSS樣式等花費(fèi)的時(shí)間都展示在Performance中咆爽。
- memory
實(shí)時(shí)監(jiān)視當(dāng)前頁(yè)面使用的內(nèi)存量。
- Application:
對(duì)本地緩存（IndexedDB置森、Web SQL斗埂、Cookie、應(yīng)用程序緩存凫海、Web Storage）中的數(shù)據(jù)進(jìn)行確認(rèn)及編輯呛凶。
- Security
判斷當(dāng)前網(wǎng)頁(yè)是否安全。
- Audits
分析頁(yè)面加載的過(guò)程行贪，進(jìn)而提供減少頁(yè)面加載時(shí)間漾稀、提升響應(yīng)速度的方案。
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
