1.CSS的全稱是什么?
CSS 指層疊樣式表（Cascading Style Sheets）矾削。通過(guò)CSS和HTML的結(jié)合可以實(shí)現(xiàn)表現(xiàn)與結(jié)構(gòu)分離。從而提升工作效率杈帐，降低維護(hù)難度闰蛔。
2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?
css有四種引入方式：
1.內(nèi)聯(lián)方式
內(nèi)聯(lián)方式指的是直接在 HTML 標(biāo)簽中的 style 屬性中添加 CSS。
<code><div style="background: red"></div></code>
這通常是個(gè)很糟糕的書寫方式香到，它只能改變當(dāng)前標(biāo)簽的樣式鱼冀，如果想要多個(gè) <div> 擁有相同的樣式，你不得不重復(fù)地為每個(gè) <div> 添加相同的樣式悠就，如果想要修改一種樣式千绪，又不得不修改所有的 style 中的代碼。很顯然梗脾，內(nèi)聯(lián)方式引入 CSS 代碼會(huì)導(dǎo)致 HTML 代碼變得冗長(zhǎng)荸型，且使得網(wǎng)頁(yè)難以維護(hù)。
2.嵌入方式
嵌入方式指的是在 HTML 頭部中的 <style> 標(biāo)簽下書寫 CSS 代碼炸茧。
<code><head>
<style>
.content {
background: red;
}
</style>
</head>
</code>
嵌入方式的 CSS 只對(duì)當(dāng)前的網(wǎng)頁(yè)有效瑞妇。因?yàn)?CSS 代碼是在 HTML 文件中稿静，所以會(huì)使得代碼比較集中，當(dāng)我們寫模板網(wǎng)頁(yè)時(shí)這通常比較有利踪宠。因?yàn)椴榭茨０宕a的人可以一目了然地查看 HTML 結(jié)構(gòu)和 CSS 樣式自赔。因?yàn)榍度氲?CSS 只對(duì)當(dāng)前頁(yè)面有效，所以當(dāng)多個(gè)頁(yè)面需要引入相同的 CSS 代碼時(shí)柳琢，這樣寫會(huì)導(dǎo)致代碼冗余绍妨，也不利于維護(hù)。
3.鏈接方式
鏈接方式指的是使用 HTML 頭部的 <head> 標(biāo)簽引入外部的 CSS 文件柬脸。
<code> <link rel="stylesheet" type="text/css" href="style.css"></code>
這是最常見(jiàn)的也是最推薦的引入 CSS 的方式他去。使用這種方式，所有的 CSS 代碼只存在于單獨(dú)的 CSS 文件中倒堕，所以具有良好的可維護(hù)性灾测。并且所有的 CSS 代碼只存在于 CSS 文件中，CSS 文件會(huì)在第一次加載時(shí)引入垦巴，以后切換頁(yè)面時(shí)只需加載 HTML 文件即可媳搪。
4.導(dǎo)入方式
導(dǎo)入方式指的是使用 CSS 規(guī)則引入外部 CSS 文件。
<code> @import url(style.css);</code>
link和@import兩者都是外部引用CSS的方式骤宣，但是存在一定的區(qū)別：
區(qū)別1：link是XHTML標(biāo)簽秦爆，除了加載CSS外，還可以定義RSS等其他事務(wù)憔披；@import屬于CSS范疇等限，只能加載CSS。
區(qū)別2：link引用CSS時(shí)芬膝，在頁(yè)面載入時(shí)同時(shí)加載望门；@import需要頁(yè)面網(wǎng)頁(yè)完全載入以后加載
區(qū)別3：link是XHTML標(biāo)簽，無(wú)兼容問(wèn)題锰霜；@import是在CSS2.1提出的筹误，低版本的瀏覽器不支持。
區(qū)別4：ink支持使用Javascript控制DOM去改變樣式癣缅；而@import不支持纫事。
3.以下這幾種文件路徑分別用在什么地方，代表什么意思?
4.如果我想在js.jirengu.com上展示一個(gè)圖片所灸，需要怎么操作?
可以直接將圖片上傳到服務(wù)器丽惶，在頁(yè)面使用這張圖片；或者將圖片存在本地服務(wù)器爬立，然后打開(kāi)本地服務(wù)钾唬，然后在網(wǎng)站上上引用圖片
如果這個(gè)圖片本來(lái)就存在網(wǎng)絡(luò)上其他的服務(wù)器上，可以直接使用圖片的網(wǎng)絡(luò)路徑鏈接的方式在頁(yè)面上添加url引用這張圖片，說(shuō)白了就是把圖片的引用地址改成網(wǎng)絡(luò)路徑就行了抡秆。
5.列出5條以上html和 css 的書寫規(guī)范
1.統(tǒng)一使用小寫
2.不使用內(nèi)聯(lián)的style屬性定義樣式
3.id和class語(yǔ)義化奕巍，分隔符建議使用-
4.有可能就用縮寫
5.屬性值是0，省略單位儒士，比如不要寫成0px的止，直接是0
6.塊內(nèi)容縮進(jìn)
7.禁止 img的 src取值為空。延遲加載的圖片也要增加默認(rèn)的 src
6.截圖介紹 chrome 開(kāi)發(fā)者工具的功能區(qū)
1是元素區(qū)着撩，在這可以看到整個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)
2和12 都是控制臺(tái)诅福，錄開(kāi)發(fā)者開(kāi)發(fā)過(guò)程中的日志信息，且可以作為與JS進(jìn)行交互的命令行Shell
3 是資源拖叙，這里可以看到各種你引入的js氓润，主要就是用于調(diào)試js
4 從發(fā)起網(wǎng)頁(yè)頁(yè)面請(qǐng)求Request后分析HTTP請(qǐng)求后得到的各個(gè)請(qǐng)求資源信息（包括狀態(tài)、資源類型薯鳍、大小咖气、所用時(shí)間等），可以根據(jù)這個(gè)進(jìn)行網(wǎng)絡(luò)性能優(yōu)化
5.時(shí)間線記錄并分析在網(wǎng)站的生命周期內(nèi)所發(fā)生的各類事件挖滤，以此可以提高網(wǎng)頁(yè)的運(yùn)行時(shí)間的性能崩溪。
6.記錄JS CPU執(zhí)行時(shí)間細(xì)節(jié)、顯示JS對(duì)象和相關(guān)的DOM節(jié)點(diǎn)的內(nèi)存消耗斩松、記錄內(nèi)存的分配細(xì)節(jié)悯舟。
7.記錄網(wǎng)站加載的所有資源信息，包括存儲(chǔ)數(shù)據(jù)（Local Storage砸民、Session Storage、IndexedDB奋救、Web SQL岭参、Cookies）、緩存數(shù)據(jù)尝艘、字體演侯、圖片、腳本背亥、樣式表
8.安全：判斷當(dāng)前網(wǎng)頁(yè)是否安全
9.對(duì)當(dāng)前網(wǎng)頁(yè)進(jìn)行網(wǎng)絡(luò)利用情況秒际、網(wǎng)頁(yè)性能方面的診斷，并給出一些優(yōu)化建議狡汉。比如列出所有沒(méi)有用到的CSS文件等
10.樣式區(qū)域娄徊，可以直觀的看到css
11.適配區(qū)域，可以適配各種屏幕大小盾戴，一般用于調(diào)試頁(yè)面自適應(yīng)寄锐。
