1.CSS的全稱是什么?
CSS樣式全稱為Cascading Style Sheets萝挤,中文翻譯為“層疊樣式表”
2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?
css的幾種引入方式
- 鏈接樣式
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
2.導(dǎo)入樣式(不建議使用)
<style>
@import url("hello.css");
@import "world.css";
</style>
3.行內(nèi)樣式
<h1 style="color: red; font-size: 20px;"></h1>
4.內(nèi)嵌樣式
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
<h3>饑人谷</h3>
link和import的區(qū)別- link屬于html標(biāo)簽,而@import是css的語(yǔ)法滤奈。
- 頁(yè)面被加載時(shí)纺非,link會(huì)同時(shí)被加載馏鹤,而@import引用的css會(huì)等到頁(yè)面加載結(jié)束后加載休玩。
- link是html標(biāo)簽他匪,因此沒有兼容性躏结,而@import只有IE5以上才能識(shí)別却盘。
- link方式樣式的權(quán)重高于@import的
3.以下這幾種文件路徑分別用在什么地方,代表什么意思?
css/a.css ----當(dāng)前頁(yè)面同級(jí)目錄下的css文件中的a.css
./css/a.css----當(dāng)前頁(yè)面同級(jí)目錄下的css文件中的a.css
b.css----當(dāng)前頁(yè)面同級(jí)目錄下b.css
../imgs/a.png----當(dāng)前頁(yè)面父級(jí)目錄下的imgs文件夾下的a.png
/Users/hunger/project/css/a.css----本地 /Users/hunger/project/css/目錄下的a.css
/static/css/a.css----當(dāng)前服務(wù)器根目錄下/static/css/中的a.css
http://cdn.jirengu.com/kejian1/8-1.png ----8-1.png在http://cdn.jirengu.com下的地址
4.如果我想在js.jirengu.com上展示一個(gè)圖片媳拴,需要怎么操作?
1.將圖片存在本地服務(wù)器黄橘,然后打開本地服務(wù),然后在JS BIN上引用圖片
2.將圖片上傳到其他服務(wù)器中屈溉,引入外鏈
5.列出5條以上html和 css 的書寫規(guī)范
1.語(yǔ)法建議統(tǒng)一使用小寫
2.html塞关,css,js分離子巾,不要混寫
3.id和class使用有意義的單詞帆赢,分隔符建議使用-
4.屬性值是0的省略單位
5.縮進(jìn)建議2個(gè)空格
6.截圖介紹 chrome 開發(fā)者工具的功能區(qū)
chrome.png
- Elements:查看當(dāng)前頁(yè)面的元素
- Console:記錄開發(fā)者開發(fā)過程中的日志信息小压,且可以作為與JS進(jìn)行交互的命令行Shell
- Sources: 用于對(duì)JS進(jìn)行斷電調(diào)試
- Network: 從發(fā)起網(wǎng)頁(yè)頁(yè)面請(qǐng)求Request后分析HTTP請(qǐng)求后得到的各個(gè)請(qǐng)求資源信息(包括狀態(tài)、資源類型椰于、大小怠益、所用時(shí)間等),可以根據(jù)這個(gè)進(jìn)行網(wǎng)絡(luò)性能優(yōu)化
- Timeline: 記錄并分析在網(wǎng)站的生命周期內(nèi)所發(fā)生的各類事件瘾婿,以此可以提高網(wǎng)頁(yè)的運(yùn)行時(shí)間的性能
- Profiles: 如果你需要Timeline所能提供的更多信息時(shí)蜻牢,可以嘗試一下Profiles,比如記錄JS CPU執(zhí)行時(shí)間細(xì)節(jié)、顯示JS對(duì)象和相關(guān)的DOM節(jié)點(diǎn)的內(nèi)存消耗偏陪、記錄內(nèi)存的分配細(xì)節(jié)
- Application: 記錄網(wǎng)站加載的所有資源信息抢呆,包括存儲(chǔ)數(shù)據(jù)(Local Storage、Session Storage笛谦、IndexedDB抱虐、Web SQL、Cookies)揪罕、緩存數(shù)據(jù)梯码、字體、圖片好啰、腳本、樣式表等
- Security: 判斷當(dāng)前網(wǎng)頁(yè)是否安全
- Audits: 對(duì)當(dāng)前網(wǎng)頁(yè)進(jìn)行網(wǎng)絡(luò)利用情況儿奶、網(wǎng)頁(yè)性能方面的診斷框往,并給出一些優(yōu)化建議