1. CSS的全稱是什么?
全稱Cascading Style Sheets，意思為層疊樣式表。
2. CSS有幾種引入方式? link 和@import 有什么區(qū)別?
1.行內(nèi)式
行內(nèi)式是在標記的style屬性中設定CSS樣式。這種方式?jīng)]有體現(xiàn)出CSS的優(yōu)勢，不推薦使用。
2.內(nèi)嵌式
嵌入式是將CSS樣式集中寫在網(wǎng)頁的<head></head>標簽對的<style></style>標簽對中。格式如下:
<head><style type="text/css"></style></head>
缺點是對于一個包含很多網(wǎng)頁的網(wǎng)站，在每個網(wǎng)頁中使用嵌入式，進行修改樣式時非常麻煩。單一網(wǎng)頁可以考慮使用嵌入式。
3.導入式
將一個獨立的.css文件引入HTML文件中，導入式使用CSS規(guī)則引入外部CSS文件，<style>標記也是寫在<head>標記中，使用的語法如下：
<style type="text/css"> @import"mystyle.css"; 此處要注意.css文件的路徑 </style>
導入式會在整個網(wǎng)頁裝載完后再裝載CSS文件，因此這就導致了一個問題，如果網(wǎng)頁比較大則會兒出現(xiàn)先顯示無樣式的頁面，閃爍一下之后，再出現(xiàn)網(wǎng)頁的樣式。這是導入式固有的一個缺陷。
4.鏈接式
也是將一個.css文件引入到HTML文件中，但它與導入式不同的是鏈接式使用HTML規(guī)則引入外部CSS文件，它在網(wǎng)頁的<head></head>標簽對中使用<link>標記來引入外部樣式表文件，使用語法如下：
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
使用鏈接式時與導入式不同的是它會以網(wǎng)頁文件主體裝載前裝載CSS文件，因此顯示出來的網(wǎng)頁從一開始就是帶樣式的效果的，它不會象導入式那樣先顯示無樣式的網(wǎng)頁，然后再顯示有樣式的網(wǎng)頁，這是鏈接式的優(yōu)點。
- link 和@import 有什么區(qū)別?
區(qū)別1：link是XHTML標簽，除了加載CSS外，還可以定義RSS等其他事務；@import屬于CSS范疇，只能加載CSS。
區(qū)別2：link引用CSS時，在頁面載入時同時加載；@import需要頁面網(wǎng)頁完全載入以后加載。
區(qū)別3：link是XHTML標簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
區(qū)別4：ink支持使用Javascript控制DOM去改變樣式；而@import不支持。
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
-
網(wǎng)站路徑
通常路徑是連接到外部網(wǎng)站來獲取數(shù)據(jù)
/static/css/a.css
http://cdn.jirengu.com/kejian1/8-1.png 表示外部網(wǎng)站的一張圖片地址
4. 如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?
先往服務器上傳圖片，并記錄路徑，之后在html文件中<body>標簽中添加img元素，指定其scr屬性和alt屬性。
例：
img標簽并不會在網(wǎng)頁中插入圖像，而是從網(wǎng)頁上鏈接圖像。img標簽創(chuàng)建的是被引用圖像的占位空間。
img標簽有兩個必需的屬性：src 屬性和 alt 屬性。src 屬性規(guī)定圖像的替代文本，alt 屬性規(guī)定顯示圖像的 URL。
5. 列出5條以上html和 css 的書寫規(guī)范
- 語法不區(qū)分大小寫，但建議統(tǒng)一使用小寫
- 不使用內(nèi)聯(lián)的style屬性定義樣式
- id和class使用有意義的單詞，語義化命名，分隔符建議使用-，有可能就是用縮寫
- 屬性值是0的省略單位
- 塊內(nèi)容縮進
- 屬性名冒號后面添加一個空格
6. 截圖介紹 chrome 開發(fā)者工具的功能區(qū)
以百度首頁為例
