有時在想...如果有超能力的話...
動手理解...
CSS的全稱是什么?
- 指層疊樣式表Cascading Style Sheet
- 層疊指的是樣式的優(yōu)先級，當產(chǎn)生沖突時以優(yōu)先級高的為準唇牧。
- 開發(fā)者樣式>讀者樣式>瀏覽器樣式（除非使用!important標記 ）
- id選擇符>（偽）類選擇符>元素選擇符
- 權(quán)重相同時取后面定義的樣式
CSS有幾種引入方式?
內(nèi)嵌樣式：<pre>
<p style="border:1px solid black;display:inline">nihao</p></pre>內(nèi)部樣式：
<pre>```
<head>
<style>*{margin:0}</style>
</head>
- 鏈入外部樣式：
<pre>```<link type=“text/css” rel=“stylesheet” href=“index.css”>```</pre>
- 導入樣式：
<pre>```@ import url()```</pre>
---
### ink 和@import 有什么區(qū)別?
- link屬于XHTML標簽笙蒙，而@import完全是CSS提供的一種方式巡社。 link標簽除了可以加載CSS外，還可以做很多其它的事情手趣，比如定義RSS晌该，定義rel連接屬性等，@import就只能加載CSS了绿渣。
- 加載順序的差別朝群。當一個頁面被加載的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被加載中符，而@import引用的CSS會等到頁面全部被下載完再被加載姜胖。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍），網(wǎng)速慢的時候還挺明顯淀散。
- 兼容性的差別右莱。由于@import是CSS2.1提出的所以老的瀏覽器不支持蚜锨，@import只有在IE5以上的才能識別，而link標簽無此問題慢蜓。
- 使用dom控制樣式時的差別亚再。當使用javascript控制dom去改變樣式的時候，只能使用link標簽晨抡，因為@import不是dom可以控制的氛悬。
---
### 以下這幾種文件路徑分別用在什么地方，代表什么意思?
`css/a.css`
相對定位_當前目錄下的CSS下的a.css文件
`./css/a.css`
相對定位_相對于css/a.css
`b.css`
指定當前目錄的b文件
`../imgs/a.png`
相對定位_指定當前父目錄下的imgs下的a.png照片（..等于返回）
`/Users/hunger/project/css/a.css`
絕對定位_本地
`/static/css/a.css`
相對定位_網(wǎng)絡相對路徑
`http://cdn.jirengu.com/kejian1/8-1.png`
網(wǎng)絡路徑_在該域名下找到該圖.
如果我想在js.jirengu.com上展示一個圖片耘柱，需要怎么操作?
引用網(wǎng)絡圖片路徑：`絡圖片地址)`
如果在自己網(wǎng)站：可使用絕對路徑或相對路徑使用自己網(wǎng)站上存放的圖片..
---
### html和 css 的書寫規(guī)范
1. 使用小寫
2. 文件名用英文單詞如捅，多個單詞用駝峰命名法。
3. css 盡量使用外部鏈接樣式（link）
4. 根據(jù)新建樣式的適用范圍分為三級：全站級调煎、產(chǎn)品級镜遣、頁面級。
5. 盡量通過繼承和層疊重用已有樣式士袄。
6. 不要輕易改動全站級CSS悲关。改動后，要經(jīng)過全面測試窖剑。
7. 兼容多個瀏覽器時坚洽，將標準屬性寫在底部。
8. 書寫順序
<pre>`.header {
/* 顯示屬性 */
display || visibility
list-style
position top || right || bottom || left
z-index
clear
float
/* 自身屬性 */
width max-width || min-width
height max-height || min-height
overflow || clip
margin
padding
outline
border
background
/* 文本屬性 */
color
font
text-overflow
text-align
text-indent
line-height
white-space
vertical-align
cursor
content
};`</pre>
---
### chrome 開發(fā)者工具的功能區(qū)
有幾個按鈕可能已經(jīng)改名了（前天剛從官網(wǎng)下載的chrome最新版）
具體是哪個位置哪個鍵改的鍵更新了名西土，我已經(jīng)在圖里標明讶舰；
【Timeline】鍵 可能已經(jīng)改為：【Memory】（查了下功能是一致的，應該沒錯）
【Timeline】鍵 現(xiàn)在顯示為【Performance】需了；
[參考Elements跳昼、Console、Sources面板：地址](http://www.cnblogs.com/charliechu/p/5948448.html)
[參考Network面板：地址](http://www.cnblogs.com/charliechu/p/5981346.html)
[參考Timeline面板：地址](http://www.cnblogs.com/charliechu/p/5992177.html)
[參考Profiles面板：地址](http://www.cnblogs.com/charliechu/p/6003713.html)
[參考Application肋乍、Security鹅颊、Audits面板：地址](http://www.cnblogs.com/charliechu/p/6021141.html)
