CSS標籤樣式&盒子

1.修改標籤樣式：
p{屬性：值}

2.只針對某一個元素進行控制，使用ID選擇符，id在網頁中，具有唯一性，也就是在網頁
只出現一次的內容：
#ID名稱{屬性：值}

3.針對某一類元素，設定相同的樣式類選擇符
.類名稱{屬性：值}

類在網頁中可以出現多次，用於定義重複的樣式。類定義後還需要在網頁
中加入class=類名稱，加以調用

同一個元素，應用多個類，類名與類名之間用空格分隔 class="類1 類2"
類名或ID名，不要以數字開頭

CSS樣式的特點：
css叫層疊樣式表。
1.繼承：子項目會繼承父元素的某些樣式
 
2.層疊：子項目如果定義了與父元素相同的樣式，會覆蓋掉父元素的樣式
 後面的樣式，會覆蓋前面的樣式

css樣式的優先權：當樣式有衝突的時候，聽誰？

css優先權：就近原則
作用範圍越小，優先權越高。
離要修飾目標越近的樣式優先越高。

CSS盒子模型
一個盒子由以下幾部分構成：
1.盒子中的內容content
2.盒子的邊框border
3.盒子的邊框與內容之間的距離，稱為填充--padding，內邊距（內補丁）
4.多個盒子存在，盒子與盒子之間的距離，稱為邊界--margin，外邊距（外補丁）

盒子所在的實際寬度為例 = 左右邊界 + 左右邊框 + 左右內填充 + 內容寬度

******css盒子的相關屬性
【1】內容屬性：內容本身的寬=width，內容本身高=height
【2】內填充屬性：內容與邊界之間的距離 padding

*******再定義盒子的寬度時，要考慮到，內填充、邊框、邊界的存在
如果，增加了內填充了，整個盒子寬度值，要再減去，你增加的，內填儲值。

小盒子的上面=20 右面 30 下面50 左面 100 外邊界

margin:20 30 50 100;

margin-top:
margin-right:
margin-bottom:
margin-left:

******將來在使用外邊距，要注意瀏覽器安全色性。

******除了值為0的情況下，所有的非零值，後面都要加單位。

******由於各個瀏覽器存在著，內外邊距的，預設值，還不同。
我們需要將所有瀏覽器的預設內外邊距，都從零開始計算

在實際工作，不要用這個 *｛margin：0；padding：0；｝，但是效率最低。

CSS布局主要是通過盒子模型來實現----w3c將網頁內容，放置在一些盒子中，
對這個盒子的一些屬性進行控制。
內容：width height
內填充：padding

關於列表的屬性介紹：
list-style:列表的圖片
文法：
list-style:list-style-image || list-style-position || list-style-type

列表的樣式：列表的圖片 列表符號位置 列表的樣式

list-style:none 不要列表的符號

邊框的屬性說明：
CSS文法：
border：border-width || border-style || border-color

根據文法，推理出它的使用方式

如果唯寫border，則後面要跟著的是，三個不同的子屬性，第一個 粗細 第二個 樣式 第三個 顏色
邊框樣式：粗細為兩個像素
border：2px solid blue

*********CSS小技巧：
【1】讓盒子 水平置中，將對象的左右外邊界，設定為auto；
【2】讓盒子中的內容，垂直置中，設定行高=盒子的高度，但是不要有換行
【3】我們在調試的時候，可以適當加背景顏色

CSS精靈技巧：主要是為了，減少http請求。
瀏覽器--伺服器（交流）--

CSS布局有三種方式：
1.預設文件流方式
   以html結構順序
2.浮動方式

3.定位方式

*******如果想讓，多個塊，顯示在同一行中，可以將，這些塊，都設定為浮動，並且浮動方向相同。