CSS的全稱是什么?
.** css全稱是:Cascading style sheets 層疊樣式表沦疾。 **
CSS有幾種引入方式? link 和@import 有什么區(qū)別?
-
** CSS有三種引入方式 **
QQ圖片20170510110541.png - ** link和@import的區(qū)別 **
- 1.link是html的標(biāo)簽可以放在html內(nèi)容任何地方，@import屬于css語法膀钠。
-
2.@import放在樣式里
QQ圖片20170510123026.png - 3.頁面被加載時(shí)，link會同時(shí)被加載王悍，而@import引用的css會等到頁面加載結(jié)束后加載俩檬。
- 4.link是html標(biāo)簽盼砍，因此沒有兼容性，而@import只有IE5以上才能識別沽翔。
- 5.link方式樣式的權(quán)重高于@import權(quán)重兢孝。
以下這幾種文件路徑分別用在什么地方窿凤，代表什么意思?
** 相對路徑：以文件所在路徑為基準(zhǔn)查找文件 **
- css/a.css 在當(dāng)前路徑下存在css文件夾，選擇該文件夾路徑下的a.css文件
- ./css/a.css . /表示當(dāng)前目錄跨蟹，選擇當(dāng)前目錄下css文件夾中的a.css文件
- b.css 選擇當(dāng)前目錄下的b.css文件
- ../imgs/a.png 表示上級目錄下的imgs文件夾下的a.png文件
** 絕對目錄 ：文件或目錄在計(jì)算機(jī)上的真正目錄 ** - /Users/hunger/project/css/a.css 在本地計(jì)算機(jī)上查找a.css文件
** 網(wǎng)絡(luò)路徑 ：例如當(dāng)前頁面的地址為 **http://localhost:8080/code/index.html, 在該HTML文件中存在以下路徑： - /static/css/a.css 以絕對路徑的方式在服務(wù)器中尋找a.css文件雳殊，即在服務(wù)器上直接通過該路徑尋找相關(guān)文件
- http://cdn.jirengu.com/kejian1/8-1.png 通過該地址可以找到網(wǎng)絡(luò)上的8-1.png文件
如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?
- 1.可以直接將圖片上傳到服務(wù)器窗轩，在頁面使用這張圖片夯秃；或者將圖片存在本地服務(wù)器，然后打開本地服務(wù)痢艺，然后再在JS BIN上引用圖片
- 2.如果這個圖片本來就存在網(wǎng)絡(luò)上其他的服務(wù)器上仓洼，可以直接使用圖片的網(wǎng)絡(luò)路徑鏈接的方式在頁面上添加url引用這張圖片
列出5條以上html和 css 的書寫規(guī)范
css語法書寫規(guī)范
- 1.語法不區(qū)分大小寫，但統(tǒng)一使用小寫堤舒。
- 2.不使用內(nèi)聯(lián)的style屬性定義樣式色建。
- 3.id和class使用有意義的單詞，分隔符建議使用-舌缤。
- 4.有可能就是用縮寫镀岛。
- 5.屬性值是0的省略單位。
- 6.塊內(nèi)容縮進(jìn)友驮。
- 7.屬性名冒號后面添加一個空格漂羊。
截圖介紹 chrome 開發(fā)者工具的功能區(qū)
Paste_Image.png
