1.CSS是什么？

CSS的全程為 Cascading style sheets 翻譯過來中文是 層疊樣式表,它是用來控制或者增強網(wǎng)頁樣式的一種語言，并且允許網(wǎng)頁內(nèi)容與樣式分離。布局，大小，顏色都可以改變。

2.CSS有幾種引入方式？import和link引入方式有什么不同?

CSS引入方式大概有三種，內(nèi)聯(lián)式，內(nèi)部式（嵌入式），外聯(lián)式。

• 內(nèi)聯(lián)式

內(nèi)聯(lián)式，顧名思義，就是直接在html標簽內(nèi)改變樣式，且僅僅改變該標簽的樣式，下一個同名標簽仍為默認樣式。大概用法如下：

內(nèi)聯(lián)式

• 內(nèi)部式（內(nèi)聯(lián)式）

內(nèi)部式，是寫在head標簽內(nèi)同時加入style標簽，用選擇器來控制元素的樣式。例如：

內(nèi)部式

• 外部式

外部式是通過引用外部的CSS文件，來控制網(wǎng)頁的樣式，也就是通常說的樣式與內(nèi)同分離。通常有兩種方式 link 和 import 。這兩種方式大大不同，可能有的稱 link為鏈接式，import為導入式。

這三種方法，優(yōu)先級基本遵循就近原則，所以常常表現(xiàn)為內(nèi)聯(lián)式>內(nèi)部式>外部式。

link和import有什么區(qū)別？

這二者雖然都是外部式，都能達到樣式與內(nèi)容分離的效果，但是實際差別還是很大的。

• link和import

  • link本身就是一個HTML的標簽，理論上他可以出現(xiàn)在HTML的任何一個地方，但是由于實際使用和瀏覽器的渲染機制，我們通常將其放入head標簽內(nèi)。link 不止可以引用CSS文件，還可以引用其他的類型的文件。而import 是CSS語言，所以他只能導入CSS文件。

  • 加載的方式不同，使用link引入的CSS文件會和頁面一起加載，而使用 import引入的CSS則會等頁面加載完才開始加載。

  • 兼容性link是HTML標簽，所有的瀏覽器都支持，import則只能支持IE5以上的版本。

• link

link

其中REL屬性描述的是當前文檔與鏈接文檔的信息，href指的是文件位置。type被鏈接文檔的MIME信息。

• import

import

3.常見路徑的表示方法

• css/a.css 表示相對路徑，當前目錄下，css文件夾下的a.css文件。

• ./css/a.css 同上。表示一樣的意思。都是相對路徑。

• b.css 當前目錄下的 b.css文件,相對路徑。

• ../images/a.png 上級目錄的images文件夾下的a.png文件，相對路徑。

• /Users/hunger/projects/css/a.css MAC中的絕對路徑。

• /static/css/a.css 網(wǎng)絡(luò)上的相對路徑，且是以根目錄開頭的。

• http://http://cdn.jirengu.com/kejian1/8-1.png 網(wǎng)絡(luò)上的絕對路徑。

'/'表示根目錄。 './'表示當前目錄。 '../'表示上級目錄。

4.如果我想在饑人谷中上展示一個圖片，怎么操作？

• 如果我是開發(fā)人員就可以將電腦上的本地圖片上傳到服務(wù)器文件上，直接用網(wǎng)站的相對路徑引用，也可以直接在用網(wǎng)絡(luò)上的圖片，使用網(wǎng)絡(luò)絕對路徑來上傳。

111

• 現(xiàn)在我不是開發(fā)人員，只能調(diào)用網(wǎng)絡(luò)上絕對路徑來上傳。
  • 直接上傳絕對路徑的。
  • 把圖片變成網(wǎng)絡(luò)絕對路徑的。

222

5. 列出5條以上HTML和CSS規(guī)范

• 屬性名冒號后面加空格

• 盡量用小寫

• 不使用內(nèi)聯(lián)樣式

• 塊內(nèi)容縮進

• 標簽一定要閉合

6.Chrome 開發(fā)者工具。

開發(fā)者工具