CSS的全稱是什么?
- 層疊樣式表
- 英文為Cascading style sheet
CSS有幾種引入方式? link 和@import 有什么區(qū)別?
- 內(nèi)聯(lián)樣式:
<p style="height: 10px;" ></p>
- 內(nèi)部樣式:
<style>body{margin: 0;padding: 0;}</style>
- 外部部樣式:
<link rel="stylesheet" type="text/css" href="style.css">
- link是一個(gè)html標(biāo)簽鳄哭,一般放在HEAD里,而@import是CSS語法需要放在style里棺妓,另外link還可以鏈接別的東西并不只是CSS比如網(wǎng)頁的圖標(biāo)
<link rel="icon" href="logo.ico" type="image/x-icon" />
效果如下:會(huì)在網(wǎng)頁title左邊出現(xiàn)一個(gè)小圖標(biāo)
- 加載順序的差別酱畅。當(dāng)一個(gè)頁面被加載的時(shí)候夹囚,link引用的CSS會(huì)同時(shí)被加載悠就,而@import引用的CSS 會(huì)等到頁面全部被下載完再被加載藕各。
以下這幾種文件路徑分別用在什么地方萎河,代表什么意思?
文件路徑 | 意義 |
---|---|
css/a.css | 當(dāng)前目錄下的css文件夾下的a.css文件 |
./css/a.css | 當(dāng)前目錄下的css文件夾下的a.css文件(這個(gè)./可以省略) |
b.css | 當(dāng)前目錄下的b.css |
../imgs/a.png | 上一級(jí)的目錄的imgs文件夾下的a.png文件臊岸,../代表返回上一級(jí) |
/Users/hunger/project/css/a.css | 本地文件的絕對(duì)路徑 |
/static/css/a.css | static文件夾里面的css文件夾里面的a.css |
http://cdn.jirengu.com/kejian1/8-1.png | 圖片上傳后生成的線上地址 |
如果我想在js.jirengu.com上展示一個(gè)圖片橙数,需要怎么操作?
- 先把圖片上傳至jirengu服務(wù)器,然后引用相對(duì)路徑
- 上傳圖片帅戒,生成圖片鏈接灯帮,然后引用圖片
列出5條以上html和 css 的書寫規(guī)范
- 所有的HTML標(biāo)簽必須小寫;
- 所有的HTML屬性必須小寫蜘澜;
- 所有的樣式名及規(guī)則必須小寫施流;
- 以 UTF-8 無 BOM 編碼作為文件格式;
- 在HTML中文檔中用 <meta charset="utf-8" /> 來指定編碼鄙信;
- 為每個(gè)CSS文檔顯示的定義編碼瞪醋,在文檔首行定義 @charset "utf-8";
- 將結(jié)構(gòu)(html)與表現(xiàn)(css)、行為分離(javaScript)装诡,保證它們之間的最小耦合银受,這對(duì)前期開發(fā)和后期維護(hù)都至關(guān)重要。