css的全稱： cascading style sheets 層疊樣式表

      css是一種用來表現HTML或XML等文件樣式的計算機語言。
      CSS不僅可以靜態地修飾網頁，
      還可以配合各種腳本語言動態地對網頁各元素進行格式化

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

css引入方式有三種

• 內聯樣式
  <h1 style="color:red"></h1>
• 內部樣式，一般放在head里
  <style type="text/css>
  h1{
  color:red;
  }
  </style>
• 外部樣式
  <link rel="style/sheet" type="text/css" href="index.css">
  @import url("hello.css");
  link 和import 的區別
  1）link是xhtml樣式，可以做引入其他的語言，import屬于css范圍，只能引入css
  2）link 引用css時，在頁面載入時候，同時加載，import需要頁面加載完后再加載
  3）link無兼容問題，import是css2.1提出的，個別瀏覽器可能不支持
  4）link支持用JavaScript控制DOM去改變樣式，而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 本地電腦Users/hunger/project/css/下的a.css 文件

• 網站路徑
  /static/css/a.css 網站相對路徑
  http://cdn.jirengu.com/kejian1/8-1.png 網站的一張圖片，采用網站路徑進入一張圖片

如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?

將要顯示的圖片，放到饑人谷服務器存放照片的路徑下，在頁面上用img標簽引入圖片，src寫服務器的相對路徑，從而將圖片顯示在網站上，可以通過css來調節圖片的大小，達到大小合適美觀的目的

html和 css 的書寫規范

1、語法不區分大小寫，建議統一用小寫
2、不使用內聯的style屬性定義樣式
3、id和class使用有意義的單詞，分割符用-
4、有可能單詞可以用縮寫
5、屬性值是0可以省略單位
6、塊級內容縮進
7、屬性名冒號后面加一個空格

chrome 開發者工具的功能

Paste_Image.png