CSS全稱

Cascading style Sheets, 層疊樣式表

CSS有幾種引入方式? link 和@import 有什么區(qū)別?

1.內(nèi)部引入

<style>
        p{
            background-color: yellow;
        }
</style>

注：寫在head標簽里

2.內(nèi)聯(lián)式

<p style="border: 3px solid #fff; border-radius: 3px;">內(nèi)容</p>

注：寫在具體的元素標簽里

3.外部引入（link, import）

<link rel="stylesheet" href="index.css">

 @import url(./index.css);

注：寫在head標簽里

link與import區(qū)別

1.link會在頁面顯示之前全部加載完，import是在文件讀取完之后才加載。在網(wǎng)絡(luò)環(huán)境差的情況下，import的使用可能會出現(xiàn)瞬間沒有樣式，而后再會刷出有樣式的頁面。
2.@import可能低版本的瀏覽器會有不支持的情況。
3.使用dom控制樣式時的差別。當使用js控制dom去改變樣式的時候，只能使用link標簽，因為@import不是dom可以控制的。
4.大部分都通用的地方，用link來做比較適合，import用到具體的元素樣式里，更為靈活

文件路徑

相對路徑：

• css/a.css: css目錄下的a.css文件
• ./css/a.css: 同上，css目錄下的a.css文件
• b.css: 同目錄下的b.css文件
• ../imgs/a.png: 上級目錄下的imgs目錄下的a.png文件
  絕對路徑：
• /Users/hunger/project/css/a.css
  一般不推薦絕對路徑，路徑寫太死，換個地方就找不到文件了
  網(wǎng)絡(luò)路徑:
• /static/css/a.css
• http://cdn.jirengu.com/kejian1/8-1.png

在js.jirengu.com上展示一個圖片

圖片上傳到網(wǎng)絡(luò) 生成圖片地址 然后連接進jsbin
在本地開個服務(wù)器 ，通過locoalhost加載圖片 然后連接進jsbin

列出5條以上html和 css 的書寫規(guī)范

• 語法不區(qū)分大小寫，建議全小寫
• 不使用內(nèi)聯(lián)樣式
• id和class的命門用有意義的單詞，分隔符建議用-
• 屬性值是0的時候單位不寫
• 代碼塊內(nèi)容縮進
• 屬性名冒號后面加個空格

chrome審查元素

title