- CSS的全稱是什么?
css 全稱是cascading style sheet 層疊樣式表 - CSS有幾種引入方式? link 和@import 有什么區(qū)別?
css有四種引入方式：
- 內聯方式
指的是直接在 HTML 標簽中的 style 屬性中添加 CSS上忍。
示例：
<div style ="background:red"></div>
這通常是個很糟糕的書寫方式，它只能改變當前標簽的樣式撤防，如果想要多個 <div> 擁有相同的樣式上祈，你不得不重復地為每個 <div> 添加相同的樣式橡庞，如果想要修改一種樣式荸频，又不得不修改所有的 style 中的代碼戏仓。很顯然疚宇，內聯方式引入 CSS 代碼會導致 HTML 代碼變得冗長，且使得網頁難以維護赏殃。 - 嵌入方式
嵌入方式指的是在 HTML 頭部中的 <style> 標簽下書寫 CSS 代碼敷待。
示例：
<head>
<style>
.content {
background: red;
}
</style>
</head>
嵌入方式的 CSS 只對當前的網頁有效。因為 CSS 代碼是在 HTML 文件中仁热，所以會使得代碼比較集中榜揖，當我們寫模板網頁時這通常比較有利。因為查看模板代碼的人可以一目了然地查看 HTML 結構和 CSS 樣式抗蠢。因為嵌入的 CSS 只對當前頁面有效举哟，所以當多個頁面需要引入相同的 CSS 代碼時，這樣寫會導致代碼冗余迅矛，也不利于維護妨猩。
- 鏈接方式
鏈接方式指的是使用 HTML 頭部的 <head> 標簽引入外部的 CSS 文件。
示例：
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
這是最常見的也是最推薦的引入 CSS 的方式秽褒。使用這種方式壶硅，所有的 CSS 代碼只存在于單獨的 CSS 文件中，所以具有良好的可維護性销斟。并且所有的 CSS 代碼只存在于 CSS 文件中森瘪，CSS 文件會在第一次加載時引入，以后切換頁面時只需加載 HTML 文件即可票堵。
- 導入方式
導入方式指的是使用 CSS 規(guī)則引入外部 CSS 文件扼睬。
示例：
<style>
@import url<style.css>;
</style>
比較鏈接方式和導入方式
ink 屬于 HTML，通過 <link>標簽中的 href 屬性來引入外部文件，而 [@import]屬于 CSS窗宇，所以導入語句應寫在 CSS 中措伐，要注意的是導入語句應寫在樣式表的開頭，否則無法正確導入外部文件军俊；導入方式是 CSS2.1 才出現的概念侥加，所以如果瀏覽器版本較低，無法正確導入外部樣式文件粪躬；當 HTML 文件被加載時担败，link 引用的文件會同時被加載，而 @import 引用的文件則會等頁面全部下載完畢再被加載镰官；
小結
我們應該盡可能使用<link>標簽引入的方式
- 以下這幾種文件路徑分別用在什么地方提前，代表什么意思?
- 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
絕對路徑，從根文件夾到達a.css文件 -
http://cdn.jirengu.com/kejian1/8-1.png
網絡中的路徑
- 如果我想在js.jirengu.com上展示一個圖片脖母，需要怎么操作?
如果圖片是網絡上的資源士鸥，直接使用 URL 地址加載圖片即可。反之谆级，需要上傳圖片到服務器础淤，使用相對地址加載 - 列出5條以上html和 css 的書寫規(guī)范
- 字母要小些
- 不要使用內聯樣式
- id和class名盡量有意義，多個單詞之間用 - 連接
- 寫css時冒號后面要加空格
- html文檔的元素要適當縮進哨苛，體現元素的嵌套關系
- 截圖介紹 chrome 開發(fā)者工具的功能區(qū)
Elements:查找網頁源代碼HTML中的任一元素,手動修改任一元素的屬性和樣式且能實時在瀏覽器里面得到反饋。
Console:記錄開發(fā)者開發(fā)過程中的日志信息币砂，且可以作為與JS進行交互的命令行Shell建峭。
Sources:斷點調試JS。
Network:從發(fā)起網頁頁面請求Request后分析HTTP請求后得到的各個請求資源信息（包括狀態(tài)决摧、資源類型亿蒸、大小、所用時間等）掌桩，可以根據這個進行網絡性能優(yōu)化边锁。
Timeline:記錄并分析在網站的生命周期內所發(fā)生的各類事件，以此可以提高網頁的運行時間的性能波岛。
Profiles:如果你需要Timeline所能提供的更多信息時茅坛，可以嘗試一下Profiles,比如記錄JS CPU執(zhí)行時間細節(jié)、顯示JS對象和相關的DOM節(jié)點的內存消耗则拷、記錄內存的分配細節(jié)贡蓖。
Application:記錄網站加載的所有資源信息曹鸠，包括存儲數據（Local Storage、Session Storage斥铺、IndexedDB彻桃、Web SQL、Cookies）晾蜘、緩存數據邻眷、字體、圖片剔交、腳本肆饶、樣式表等。
Security:判斷當前網頁是否安全省容。
Audits:對當前網頁進行網絡利用情況抖拴、網頁性能方面的診斷，并給出一些優(yōu)化建議腥椒。比如列出所有沒有用到的CSS文件等阿宅。
