1.什么是CSS
CSS的全稱為Cascading Style Sheets ，即層疊樣式表，CSS是一種樣式表語言，用于為HTML文檔定義布局。
2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?
- CSS有4種引入方式
-
行內(nèi)樣式
直接在HTML標(biāo)簽中使用style=""
<div style="background:black;"></div>
-
內(nèi)嵌樣式
將CSS代碼寫style標(biāo)簽內(nèi)，并放在<head></head>之間
<style> div { background: black; } </style> -
鏈接樣式
在<head></head>之間加上<link type="text/css" rel="stylesheet" href="" />,其中href屬性的值為外部CSS文件的地址
<link type="text/css" rel="stylesheet" href="style.css" /> -
導(dǎo)入樣式
采用@import樣式導(dǎo)入CSS樣式表，在HTML初始化時(shí)，會被導(dǎo)入到HTML或者CSS文件中，成為文件的一部分，類似內(nèi)嵌樣式。
<style type="text/css">@import url(style.css);</style>
-
link 和@import的區(qū)別
- link:html標(biāo)簽，不存在兼容性問題，會隨著頁面的加載同時(shí)被加載，優(yōu)先級高于@import，可以調(diào)用CSS以外的文件
- @import:CSS語法，只兼容IE5以上，等待頁面加載完后才會被加載，只能調(diào)用CSS文件
3.以下這幾種文件路徑分別用在什么地方，代表什么意思?
css/a.css 當(dāng)前目錄下CSS文件夾中的a.css
./css/a.css 當(dāng)前目錄下錄CSS文件中的a.css
b.css 當(dāng)前目錄下的b.css文件
../imgs/a.png 當(dāng)前目錄的上一級目錄的imgs文件夾中的a.png
/Users/hunger/project/css/a.css 絕對路徑 本地文件地址
/static/css/a.css 絕對路徑，主域名下static文件中css的a.css文件
http://cdn.jirengu.com/kejian1/8-1.png 網(wǎng)站路徑
4.如果我想在js.jirengu.com上展示一個(gè)圖片，需要怎么操作?
有三種方法：
- 直接把圖片上傳到服務(wù)器，并用相對路徑
- 在網(wǎng)上找到圖片和圖片連接后，用網(wǎng)絡(luò)路徑
- 上傳到圖床得到圖片鏈接，然后用網(wǎng)絡(luò)路徑
5.列出5條以上html和 css 的書寫規(guī)范
HTML規(guī)范
- id class建議單詞全字母小寫，單詞間以 -分隔。同項(xiàng)目必須保持風(fēng)格一致。
- HTML 標(biāo)簽的使用應(yīng)該遵循標(biāo)簽的語義。
- 禁止 img的 src取值為空。延遲加載的圖片也要增加默認(rèn)的 src
- 使用 button元素時(shí)必須指明 type 屬性值。
- 在 CSS 可以實(shí)現(xiàn)相同需求的情況下不得使用表格進(jìn)行布局
CSS規(guī)范
- 屬性名與之后的 :之間不允許包含空格， :與 屬性值之間必須包含空格
- 選擇器的嵌套層級應(yīng)不大于 3級，位置靠后的限定條件應(yīng)盡可能精確
- 在可以使用縮寫的情況下，盡量使用屬性縮寫
- 盡量不使用 !important聲明。
- 將 z-inde 進(jìn)行分層，對文檔流外絕對定位元素的視覺層級關(guān)系進(jìn)行管理
6.截圖介紹 chrome 開發(fā)者工具的功能區(qū)
QQ截圖20170206145856.png
