關於CSS樣式的一些小結

1.CSS代碼語法:CSS樣式由選擇器和聲明組成,聲明又由屬性和值組成,在英文大括號“{ }”中的就是聲明,屬性和值之間用英文冒號分隔,當有多條聲明時,中間可以用英文分號分隔:
                                p{color:red;font-size:20px;'}
2.內聯式CSS:A.CSS代碼要寫在要實現效果的文字內容之前的開始標籤裏;
                             (正確:<p style="color:red">文字內容</p>
                              錯誤:<p>文字內容</p=style="color:red">)
                          B.要用style;
                          C.這個標籤可以是<p>標籤,也可以是<sapn>標籤;
3.嵌入式CSS:
應用於多個需要實現效果的內容,用一條CSS代碼;
                           A.語法:<style type="text/css"></style>
                           B.嵌入式CSS樣式必須寫在<style></style>之間,並且一般情況下也都是寫在<head></head>之間;
                             例:<style type="text/css">
                                    span{color:red}
                                   </style>
                            注意:span要用花括號
4.外部式CSS:外部式css樣式(也可稱爲外聯式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”爲擴展名,在<head>內(不是在<style>標籤內)使用<link>標籤將css樣式文件鏈接到HTML文件內。
                           A.語法:<link href="main.css" ref="stylesheet" type="text/css">
                           B. ref="stylesheet" type="text/css是固定寫法不可修改;

三種方法的優先級:
內聯式 > 嵌入式 > 外部式

注意:

1.上式成立的前提是:這三者的權值要相等(也就是分別進行權值的相加:標籤的權值爲1,類選擇器的權值爲10,id選擇器的權值爲100);

2.嵌入式 > 外部式有一個前提:嵌入式CSS樣式的位置一定要在外部式的後面,如果在它前面,則優先級變爲外部式 > 嵌入式,即就近原則,離被設置元素越近優先級別就越高。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章