1.CSS的全稱是什么?
CSS全稱是：Cascading Style Sheets柬泽，翻譯為：層疊樣式表。是一種用來表現(xiàn)HTML標準通用標記語言的一個應(yīng)用）或XML標準通用標記語言的一個子集等文件樣式的計算機語言,CSS不僅可以靜態(tài)地修飾網(wǎng)頁辩诞，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化.
2. CSS有幾種引入方式? link 和@import 有什么區(qū)別?
CSS有4中引入方式：
- 內(nèi)聯(lián)樣式
image.png
- 內(nèi)部樣式
image.png
- 外部樣式
image.png
- @inmport方式
image.png
3. 以下這幾種文件路徑分別用在什么地方，代表什么意思?
- css/a.css ----相對路徑：在當前文件夾下面的css文件夾下面的a.css文件
- ./css/a.css ----相對路徑：在當前文件夾下面的css文件夾下面的a.css文件
- b.css ----相對路徑：在當前文件夾下面的b.css文件
- ../imgs/a.png ----相對路徑：在上一級文件夾下的imgs文件夾下的a.png圖片
- /Users/hunger/project/css/a.css ----絕對路徑：在本地通過此路徑可以 找到a.css文件
- /static/css/a.css ----網(wǎng)站路徑：通過網(wǎng)站服務(wù)器使用此路徑可以直接找到該文件纺涤，例如網(wǎng)址為：https://jirengu.com,通過https://jirengu.com/static/css/a.css译暂，此網(wǎng)址即可找到a.css文件。
- http://cdn.jirengu.com/kejian1/8-1.png ----通過該路徑可以直接找到此網(wǎng)站的8-1.png圖片洒琢，加載會慢一點
4. 如果我想在js.jirengu.com上展示一個圖片秧秉，需要怎么操作?
建議直接把圖片傳入js.jirengu.com所在服務(wù)器褐桌，使用相對路徑找到該圖片衰抑，加載快。
5.列出5條以上html和 css 的書寫規(guī)范荧嵌。
- id和class屬性值盡量使用有含義的英文呛踊。
- css設(shè)置像素如果為0，不要加單位啦撮。
- 書寫統(tǒng)一全部使用小寫谭网。
- css選擇器后面跟一個空格，每一個屬性：后面加一個空格赃春。
- css樣式建議使用外部樣式愉择，不要使用內(nèi)聯(lián)樣式。
6. 截圖介紹 chrome 開發(fā)者工具的功能區(qū)织中。
image.png
紅色塊從左往右依次為：
- Elements: 允許我們從瀏覽器的角度看頁面锥涕，也就是說我們可以看到chrome渲染頁面所需要的的HTML、CSS和DOM(Document Object Model)對象狭吼。此外层坠，還可以編輯這些內(nèi)容更改頁面顯示效果；
- Console: 顯示各種警告與錯誤信息刁笙，并且提供了shell用來和文檔破花、開發(fā)者工具交互。
- Sources: 主要用來調(diào)試js疲吸；
- Network: 可以看到頁面向服務(wù)器請求了哪些資源座每、資源的大小以及加載資源花費的時間，當然也能看到哪些資源不能成功加載摘悴。此外峭梳，還可以查看HTTP的請求頭，返回內(nèi)容等烦租；
- Performance:提供了加載頁面時花費時間的完整分析延赌，所有事件除盏，從下載資源到處理Javascript，計算CSS樣式等花費的時間都展示Performance中;
- Memory:Memory是記錄內(nèi)存的情況挫以；
- Application:一些應(yīng)用;
- Security:安全問題者蠕；
- Audits: 分析頁面加載的過程，進而提供減少頁面加載時間掐松、提升響應(yīng)速度的方案踱侣；
藍色區(qū)域為頁面的css樣式調(diào)試;
