CSS的全稱是什么?
Cascading Style Sheets 層疊樣式表
CSS有幾種引入方式? link 和@import 有什么區(qū)別?
-
行內(nèi)樣式
<div class="username" style="color: red;"> -
內(nèi)部樣式表
<head> <meta charset="UTF-8"> <title>Title</title> <style> @import url("hello.css"); @import "world.css"; h1 { color: red; } </style> </head> -
鏈入外部樣式
<link href="mystyle.css" rel="stylesheet" type="text/css">
@import 和link 的區(qū)別
語法結(jié)構(gòu)差別 link屬于HTML標(biāo)簽怜森，只能放入html源代碼中使用圈澈，而@import是CSS提供的一種方式，只能加載CSS了咐汞。
加載順序的差別售貌。link引用的CSS會在一個頁面被加載的時候（就是被瀏覽者瀏覽的時候）同時被加載吵血，而@import引用的CSS會等到頁面全部被下載完再被加載攘宙。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍）坦弟。
兼容性的差別蜗细。由于@import是CSS2.1提出的所以老的瀏覽器不支持裆操，@import只有在IE5以上的才能識別，而link標(biāo)簽無此問題炉媒。
使用dom控制樣式時的差別踪区。當(dāng)使用javascript控制dom去改變樣式的時候，只能使用link標(biāo)簽吊骤，因為@import不是dom可以控制的缎岗。
區(qū)分幾種文件路徑
| 路徑 | 位置 |
|---|---|
| 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 | 上級目錄下imgs文件夾a.png文件 |
| /Users/hunger/project/css/a.css | 本機絕對路徑下的a.css文件 |
| /static/css/a.css | static文件夾中的css文件夾中的a.css文件 |
| http://cdn.jirengu.com/kejian1/8-1.png | 網(wǎng)站中的圖片地址。 |
如果我想在js.jirengu.com上展示一個圖片白粉，需要怎么操作?
把圖片上傳到服務(wù)器上传泊，把圖片和html文件放在同一級或者上一級的img文件夾中，使用相對路徑引用鸭巴。
直接使用網(wǎng)絡(luò)上的地址引用眷细。
一些html和 css 的書寫規(guī)范
標(biāo)簽全部小寫
盡量不使用行內(nèi)樣樣式
屬性值為0省略單位
可以將注釋插入html代碼中，這樣可以提高其可讀性鹃祖。````
class和id名稱使用"-",替代下劃線
頁面必須包含 title 標(biāo)簽聲明標(biāo)題溪椎。title 必須作為 head 的直接子元素，并緊隨 charset 聲明之后。
在標(biāo)簽中添加屬性時校读，始終為屬性值添加引號沼侣，最好中間空出一個字節(jié)更加美觀
chrome 開發(fā)者工具的功能區(qū)
Elements
審查瀏覽器頁面的DOM元素，在style那欄可以調(diào)試你的css元素
Network
分析網(wǎng)站請求的網(wǎng)絡(luò)情況歉秫，查看某一個請求的請求頭和響應(yīng)頭還有響應(yīng)內(nèi)容蛾洛，特別是AJAX類請求的時候，點開可以查看詳細(xì)的http請求情況端考。
Console
JavaScript控制臺雅潭，顯示各種警告與錯誤,console.log和console.debug的信息會顯示在這里。
Sources
查看頁面加載的資源文件却特，可以在這里打斷點調(diào)試js扶供。
