CSS全稱
Cascading Style Sheets 層疊樣式表CSS是一種樣式表語言，用于為HTML文檔定義布局, 例如溃论，CSS涉及字體屎蜓、顏色、邊距钥勋、高 度炬转、寬 度、背景圖像笔诵、高級定位等方面
css引入方式
- 外部樣式：
<link rel="stylesheet" href="styles.css">
@import a.css
- 內(nèi)聯(lián)樣式：<h1 style="width:100px"></h1>
- 內(nèi)部樣式：
<style>
h1{
padding:10px;
}
</style>
link和@import的區(qū)別
- link是html標(biāo)簽返吻，@import是css提供的方式。
- link可以加載其他的東西乎婿，@import只能加載css
- 加載順序有區(qū)別测僵，在頁面加載的時候，link引用的css也會被加載谢翎。@import會在頁面加載完后才被加載
- 在兼容性上有區(qū)別捍靠，@import是css2.1被提出來的，所以在IE5以上才被支持森逮，link并無兼容性問題榨婆。
- 在dom操作的時候。只有l(wèi)ink標(biāo)簽才可以被改變褒侧。@import不受js控制
路徑
相對路徑
- 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上一級文件下img文件下的a.png文件
- /static/css/a.css static文件下的css文件下a.css文件
絕對路徑 - /User/hunger/project/css/a.css
在js.jirengu.com上展示一個圖片良风，需要怎么操作?
- 把圖片上傳到服務(wù)器谊迄。并引入相對路徑
- 直接引用其他網(wǎng)站的圖片路徑
html和 css 的書寫規(guī)范
- 使用 4 個空格做為一個縮進(jìn)層級，不允許使用 2 個空格 或 tab 字符烟央。
- class 必須單詞全字母小寫统诺，單詞間以 - 分隔。
- 對于無需自閉合的標(biāo)簽疑俭，不允許自閉合,例如input粮呢、br、img钞艇、hr等
- 對 HTML5 中規(guī)定允許省略的閉合標(biāo)簽啄寡，不允許省略閉合標(biāo)簽。
- 使用 HTML5 的 doctype 來啟用標(biāo)準(zhǔn)模式哩照，建議使用大寫的 DOCTYPE挺物。
- 頁面必須使用精簡形式，明確指定字符編碼飘弧。指定字符編碼的 meta 必須是 head 的第一個直接子元素姻乓。
- 引入 CSS 時必須指明 rel="stylesheet"。
