上次道長分享了關於html標籤的筆記，這次道長整理的是css的樣式、選擇器、特性和格式化排版。
css全稱為「層疊樣式表 (cascading style sheets)」，它主要是用於定義html內容在瀏覽器內的顯示樣式，如文字大小、顏色、字型加粗等。
示例**如下所示：
認識css樣式title>
type="text/css">
p
style>
head>
這時候，我的腦裡忽然閃出一幅神異的圖畫來：深藍的天空中掛著一輪金黃的圓月，下面是海邊的沙地，都種著一望無際的碧綠的西瓜，其間有乙個十一二歲的少年，項帶銀圈，手捏一柄鋼叉，向一匹猹盡力的刺去，那猹卻將身一扭，反從他的胯下逃走了。p>
body>
html>css 樣式由選擇符和宣告組成，而宣告又由屬性和值組成，示例**如下所示：
p
宣告：在英文大括號「｛｝」中的的就是宣告，屬性和值之間用英文冒號「：」分隔。當有多條宣告時，中間可以英文分號「;」。
注意：
1.最後一條宣告可以沒有分號，但是為了以後修改方便，一般也加上分號。
p
style="color:red">這裡文字是紅色。p>style="color:red;font-size:12px">這裡文字是紅色。p>type="text/css">
span
style>
"base.css" rel="stylesheet"
type="text/css" />
1.css樣式檔名稱以有意義的英文本母命名，如 main.css。
2.rel=」stylesheet」 type=」text/css」 是固定寫法不可修改。
3.標籤位置一般寫在標籤之內。
這三種樣式是有優先順序的，記住他們的優先順序：內聯式 > 嵌入式 > 外部式
p
.first
class="first">這時候，我的腦裡忽然閃出一幅神異的圖畫span>來：深藍的天空中掛著一輪金黃的圓月p>
下面是權值的規則：
標籤的權值為1，類選擇符的權值為10，id選擇符的權值最高為100。示例**如下：
p
/*權值為1*/
pspan
/*權值為1+1=2*/
.warning
/*權值為10*/
pspan
.warning
/*權值為1+1+10=12*/
#footer
.note
p /*權值為100+10+1=111*/
p
pclass="first">這時候，我的腦裡忽然閃出一幅神異的圖畫span>來：深藍的天空中掛著一輪金黃的圓月p>
所以前面的css樣式優先順序就不難理解了：
內聯樣式表（標籤內部）> 嵌入樣式表（當前檔案中）> 外部樣式表（外部檔案中）。
p
pclass="first">這時候，我的腦裡忽然閃出一幅神異的圖畫span>來：深藍的天空中掛著一輪金黃的圓月p>
注意：
!important要寫在分號的前面。這裡注意當網頁製作者不設定css樣式時，瀏覽器會按照自己的一套樣式來顯示網頁。並且使用者也可以在瀏覽器中設定自己習慣的樣式，比如有的使用者習慣把字型大小設定為大一些，使其檢視網頁的文字更加清楚。這時注意樣式優先順序為：瀏覽器預設的樣式 < 網頁製作者樣式 < 使用者自己設定的樣式，但記住!important優先順序樣式是個例外，權值高於使用者自己設定的樣式。
示例**如下：
body
body
如果使用者本地電腦上如果沒有安裝你設定的字型，就會顯示瀏覽器預設的字型。現在一般網頁喜歡設定「微軟雅黑」。
body
p
span
p
a
p
a
.***
p
p
h1
...
h1
...
h1 了不起的蓋茨比h1>CSS格式化排版
文字排版 字型 我們可以使用css樣式為網頁中的文字設定字型 字型大小 顏色等樣式屬性。這裡注意不要設定不常用的字型，因為如果使用者本地電腦上如果沒有安裝你設定的字型，就會顯示瀏覽器預設的字型。因為使用者是否可以看到你設定的字型樣式取決於使用者本地電腦上是否安裝你設定的字型。現在一般網頁喜歡設定 微...
css格式化排版
1，文字排版 字型 語法 body 這裡注意不要設定不常用的字型，因為如果使用者本地電腦上如果沒有安裝你設定的字型，就會顯示瀏覽器預設的字型。因為使用者是否可以看到你設定的字型樣式取決於使用者本地電腦上是否安裝了你設定的字型 2，文字排版 字型大小 顏色 語法 body 3，文字排版 粗體 語法 標...
css格式化排版
css格式化排版 1.文字排版 字型 我們可以使用css樣式為網頁中的文字設定字型 字型大小 顏色等樣式屬性。如 body 2.文字排版 字型大小 顏色可 以使用下面 設定網頁中文字的字型大小為12畫素，並把字型顏色設定為 666 灰色 body 3.文字排版 粗體 我們還可以使用css樣式來改變文...