目錄
一、css語法
二、css 樣式的三種引入方式
三、css選擇器
四、css 文字樣式與字型樣式
五、鏈結樣式與列表樣式
六、css背景
七、 css盒子模型
八、css定位
css全稱為「層疊樣式表 (cascading style sheets)」，它主要是用於定義html內容在瀏覽器內的顯示樣式，如文字大小、顏色、字型加粗等。
css
樣式由選擇符和宣告組成，而宣告又由屬性和值組成，如下圖所示：
選擇符：又稱選擇器，指明網頁中要應用樣式規則的元素，如本例中是網頁中所有的段（p）的文字將變成藍色，而其他的元素（如ol）不會受到影響。
宣告：在英文大括號「｛｝」中的的就是宣告，屬性和值之間用英文冒號「：」分隔。當有多條宣告時，中間可以英文分號「;」分隔，如下所示： p
注意： 1
、最後一條宣告可以沒有分號，但是為了以後修改方便，一般也加上分號。 2
p內聯式
ss樣式表就是把css**直接寫在現有的html標籤中，如下面**：
這裡文字是紅色。
嵌入式：
把css樣式**寫在標籤之間。如下面**實現把三個標籤中的文字設定為紅色：
嵌入式css樣式必須寫在之間，並且一般情況下嵌入式css樣式寫在之間
外部式：
外部式css樣式(也可稱為外聯式)就是把css**寫乙個單獨的外部檔案中，這個css樣式檔案以「.css」為副檔名，在內（不是在標籤內）使用標籤將css樣式檔案鏈結到html檔案內，如下面**：
base.css" rel="stylesheet" type="text/css" />
1. 什麼是選擇器
每一條css樣式宣告（定義）由兩部分組成，形式如下：
選擇器在{}之前的部分就是「選擇器」，「選擇器」指明了{}中的「樣式」的作用物件，也就是「樣式」作用於網頁中的哪些元素。
2. 常用選擇器
標籤選擇器
類選擇器
id選擇器
子選擇器
後代選擇器
分組選擇器
組合選擇器
3. 選擇器的優先順序
權值的規則：
標籤的權值為1，類選擇符的權值為10，id選擇符的權值最高為100。例如下面的**：
p/*權值為1*/
p span/*權值為1+1=2*/
.warning/*權值為10*/
p span.warning/*權值為1+1+10=12*/
#footer .note p/*權值為100+10+1=111*/
注意：還有乙個權值比較特殊--繼承也有權值但很低，有的文獻提出它只有0.1，所以可以理解為繼承的權值最低。
文字樣式
字型樣式
list-stype-type的屬性值
1. 元素分類
在講解css布局之前，我們需要提前知道一些知識，在css中，html中的標籤元素大體被分為三種不同的型別：塊狀元素、內聯元素(又叫行內元素)和內聯塊狀元素。
常用的塊狀元素有：
、、...、、、、、、、
常用的內聯元素有：
、、、、、、、、、、
常用的內聯塊狀元素有：
2. css
盒子模型(box model)
所有html元素可以看作盒子，在css中，"box model"這一術語是用來設計和布局時使用。
css盒模型本質上是乙個盒子，封裝周圍的html元素，它包括：邊距，邊框，填充，和實際內容。
盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。
不同部分的說明：
margin（外邊距）-
清除邊框區域。margin沒有背景顏色，它是完全透明
border（邊框）-
邊框周圍的填充和內容。邊框是受到盒子的背景顏色影響
padding（內邊距）-
清除內容周圍的區域。會受到框中填充的背景顏色影響
content（內容）-
盒子的內容，顯示文字和影象
為了在所有瀏覽器中的元素的寬度和高度設定正確的話，你需要知道的盒模型是如何工作的。
3. css邊框
使用border屬性可以設定邊框p
4. css內邊距
使用padding屬性設定內邊距
div
5.css 外邊距
使用margin屬性設定內邊距
div
1.絕對定位
2.相對定位
3.固定定位
web前端 基礎部分（二） CSS
一 css概述 css cascading style sheet 層疊樣式表 作用 定義了網頁的行為，簡單的說就是將網頁的內容和顯示樣式分離，從而提高顯示的多樣性和顯示的功能。就好比html定義的是網頁的骨架，css就是為網頁穿上外衣 特點 樣式定義靈活多樣且豐富多彩，可以設定任意的字型及大小。等...
web前端基礎 css
前言 繼續努力 什麼是css？就是對html進行美化，好比化妝前後的差距。html的塊級標籤 標籤 預設獨佔一行，跟同級兄弟塊豎直排列 標籤 預設同在一行，跟同級兄弟塊橫向排列 塊級標籤只有結合css樣式才有意義！修飾div標籤一般用style屬性並使用樣式，不贊成用align屬性 css的語法格式...
web前端基礎之css
w3c 值描述 none 此元素不會被顯示。block 此元素將顯示為塊級元素，此元素前後會帶有換行符。inline 預設。此元素會被顯示為內聯元素，元素前後沒有換行符。inline block 行內塊元素。區別 w3c overflow 屬性規定當內容溢位元素框時發生的事情 visible 預設值...