CSS的全稱是什么?
CSS：層疊樣式表（casecating style sheet），是對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時，在頁面載入時同時加載；@import需要頁面網(wǎng)頁完全載入以后加載。
- link是HTML標(biāo)簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
- link支持使用Javascript控制DOM去改變樣式；而@import不支持。
以下這幾種文件路徑分別用在什么地方，代表什么意思?
相對路徑
| 文件路徑 |
代表意思 |
| 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 |
:上級目錄下的imgs文件夾下的a.png圖片 |
相對路徑
| 文件路徑 |
代表意思 |
| /Users/hunger/project/css/a.css |
計(jì)算機(jī)Users目錄下的a.css文件 |
網(wǎng)站路徑
如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?
- 將本地圖片上傳到服務(wù)器中，使用相對路徑獲取這個圖片。
- 網(wǎng)絡(luò)圖片，取得網(wǎng)絡(luò)圖片的網(wǎng)絡(luò)地址（絕對路徑），直接使用這個網(wǎng)絡(luò)地址即可。
列出5條以上html和 css 的書寫規(guī)范
- 語法不區(qū)分大小寫，但建議統(tǒng)一使用小寫
- 不使用內(nèi)聯(lián)的style屬性定義樣式
- id和class使用有意義的單詞，分隔符建議使用-
- 有可能就是用縮寫
- 屬性值是0的省略單位
- 塊內(nèi)容縮進(jìn)
- 屬性名冒號后面添加一個空格
截圖介紹 chrome 開發(fā)者工具的功能區(qū)
- Elements
允許我們從瀏覽器的角度看頁面，可以看到chrome渲染頁面所需要的的HTML、CSS和DOM對象。此外，還可以編輯這些內(nèi)容更改頁面顯示效果。
- Console
顯示各種警告與錯誤信息，并且提供了shell用來和文檔、開發(fā)者工具交互。
- Sources
用于查看和調(diào)試當(dāng)前頁面所加載的腳本的源文件。
- Network
可以看到頁面向服務(wù)器請求了哪些資源、資源的大小以及加載資源花費(fèi)的時間，當(dāng)然也能看到哪些資源不能成功加載。此外，還可以查看HTTP的請求頭，返回內(nèi)容等。
- Performance
提供了加載頁面時花費(fèi)時間的完整分析，所有事件，從下載資源到處理Javascript，計(jì)算CSS樣式等花費(fèi)的時間都展示在Performance中。
- memory
實(shí)時監(jiān)視當(dāng)前頁面使用的內(nèi)存量。
- Application:
對本地緩存（IndexedDB、Web SQL、Cookie、應(yīng)用程序緩存、Web Storage）中的數(shù)據(jù)進(jìn)行確認(rèn)及編輯。
- Security
判斷當(dāng)前網(wǎng)頁是否安全。
- Audits
分析頁面加載的過程，進(jìn)而提供減少頁面加載時間、提升響應(yīng)速度的方案。
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
