CSS

DIV 相關的技術

       Div 它是一個 html 標籤，一個塊級元素(單獨顯示一行)。 它單獨使用沒有任何意義，必須結合 CSS 來使用。 它主要用於頁面的佈局。
       Span 它也是一個 html 標籤，一個內聯元素(顯示一行)。 它單獨使用沒有任何意義， 必須結合 CSS 來使用。 它主要用於對括起來的內容進行樣式的修飾。

CSS作用是什麼？

HTML：它是整個網站的骨架。
CSS： 它是對整個網站骨架的內容進行美化(修飾)
CSS 如何使用？
語法和規範
選擇器{
       屬性名 1:屬性值 1;
       屬性名 2:屬性值 2;
       屬性名 3:屬性值 3;
}

 

CSS引入：

     <link rel="stylesheet"type="text/css"href="../css/style.css"/>

三種方法優先級問題:
      誰離需要修飾的元素近，誰的樣式生效，其它的被覆蓋掉。 (就近原則)
 

CSS 的選擇器

CSS 基本選擇器有三種(元素選擇器、類選擇器、 id 選擇器)
ID 選擇器
#id 屬性名{
屬性名 1:屬性值 1;
屬性名 2:屬性值 2;
屬性名 3:屬性值 3;
} Id 保證唯一。
元素選擇器
元素名{
屬性名 1:屬性值 1;
屬性名 2:屬性值 2;
屬性名 3:屬性值 3;
}
如果多個相同的元素設置相同的樣式，使用此種方式最爲合適。
類（class）選擇器
.類名{
屬性名 1:屬性值 1;
屬性名 2:屬性值 2;
屬性名 3:屬性值 3;
}
對多個元素設置相同的樣式，此時使用類選擇器比較合適。

層級選擇器
元素名 子元素名{
      屬性名 1:屬性值 1;
      屬性名 2:屬性值 2;
      屬性名 3:屬性值 3;
}

屬性選擇器

語法：
元素名[屬性名=”屬性值”]{
      屬性名 1:屬性值 1;
      屬性名 2:屬性值 2;
      屬性名 3:屬性值 3;
}

 

 

 

CSS 的浮動

盒子模型