1. CSS的全稱是什么?
Cascading Style Sheets, 層疊樣式表，是一種樣式表語言斥铺，用來描述 HTML 或 XML 文檔的呈現(xiàn)鸠踪。
2. CSS有幾種引入方式? link 和@import 有什么區(qū)別?
- 樣式引入有三種方式：外部樣式媒楼，內部樣式掀宋，內聯(lián)樣式
- 外部樣式：當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇盔性。
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
- 內部樣式：當單個文件需要特別樣式時霞丧，就可以使用內部樣式表。
<head>
<style type="text/css">
body {background-color: red}
</style>
</head>
- 內聯(lián)樣式：當特殊的樣式需要應用到個別元素時冕香，就可以使用內聯(lián)樣式蛹尝。 使用內聯(lián)樣式的方法是在相關的標簽中使用樣式屬性后豫。樣式屬性可以包含任何 CSS 屬性
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
-
link和@import有什么區(qū)別
它們兩者是導入CSS文件兩種不同方式
- link
<link rel="stylesheet" href="style.css" type="text/css"/>? - @import
<style type="text/css">
@import url("style.css");
</style>
- 理論上，
@import和link的唯一區(qū)別是@import是CSS下導入樣式表的語法而<link>是HTML下的語法箩言。然而硬贯，瀏覽器以不同的方式處理他們。從網(wǎng)頁性能的的角度考慮陨收，應該避免用@import。 而且link除了調用css外還可以聲明頁面鏈接屬性鸵赖，聲明目錄务漩，rss等等，而@import就只能調用css它褪。
3. 以下這幾種文件路徑分別用在什么地方饵骨，代表什么意思?
-
css/a.css
相對路徑，當前目錄下的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
絕對路徑轮洋， 本地文件地址 -
/static/css/a.css
絕對路徑，網(wǎng)站根目錄下static文件中css中的a.css文件 -
http://cdn.jirengu.com/kejian1/8-1.png
網(wǎng)站路徑抬旺，在 cdn.jirengu.com 這個網(wǎng)站上找到圖片 8-1.png
4. 如果我想在js.jirengu.com上展示一個圖片弊予，需要怎么操作?
- 如果這個圖片本來就存在網(wǎng)絡上， 可以直接使用圖片的網(wǎng)絡絕對地址
- 如果圖片在本地开财，可將圖片上傳到某個網(wǎng)址汉柒，生成一個線上網(wǎng)址，或將圖片文件存于
本地服務器责鳍。例如： http://chuantu.biz/upload.php
5. 列出5條以上html和 css 的書寫規(guī)范
- HTML:
- 用兩個空格來代替制表符（tab） -- 這是唯一能保證在所有環(huán)境下獲得一致展現(xiàn)的方法碾褂。
- 對于屬性的定義，確保全部使用雙引號历葛，絕不要使用單引號正塌。
- 不要在自閉合（self-closing）元素的尾部添加斜線
- 為每個 HTML 頁面的第一行添加標準模式（standard mode）的聲明，這樣能夠確保在每個瀏覽器中擁有一致的展現(xiàn)啃洋。
<!DOCTYPE html>
<html>
<head>
</head>
</html>
- 通過明確聲明字符編碼传货，能夠確保瀏覽器快速并容易的判斷頁面內容的渲染方式。
- CSS:
- 為選擇器分組時宏娄，將單獨的選擇器單獨放在一行问裕。
- 為了獲得更準確的錯誤報告，每條聲明都應該獨占一行孵坚。
- 所有聲明語句都應當以分號結尾粮宛。最后一條聲明語句后面的分號是可選的窥淆，但是，如果省略這個分號巍杈，你的代碼可能更易出錯忧饭。
- 對于以逗號分隔的屬性值，每個逗號后面都應該插入一個空格（例如筷畦，
box-shadow）词裤。 - 避免為 0 值指定單位，例如鳖宾，用 margin: 0; 代替 margin: 0px;吼砂。
其他的HTML 和 CSS 規(guī)范： http://codeguide.bootcss.com/
6. 截圖介紹 chrome 開發(fā)者工具的功能區(qū)
q6
- elements: 查看和修改html
- style: 調試CSS
- console: JavaScript console
- sources: 協(xié)同調試JavaScript, 比如加入斷點等
- network: 查看網(wǎng)絡請求
- timeline: 時間軸，頁面加載的時間
- profiles: CPU, JavaScript 的性能
- application: 查看頁面加載的資源鼎文。操作HTML5 Database, Cookies, AppCache等渔肩。
