CSS學習筆記1

2021-06-09 12:32:48 字數 1574 閱讀 2254

css指層疊樣式表(cascading style sheets)。

css定義如何顯示html元素。樣式通常儲存在樣式表中。所有主流瀏覽器均支援層疊樣式表。

當有多個樣式的時候,是按照這樣的優先權確定文件的樣式的:內聯樣式(在html元素內部),內部樣式表(位於標籤內部),外部樣式表,瀏覽器預設設定。

css語法:css規則由兩個主要部分構成:選擇器,以及一條或多條宣告。

selector 

選擇器通常是你需要改變樣式的html元素。每條宣告由乙個屬性和乙個值組成。屬性和值被冒號分開。selector (如果值為若干單詞,則這個值要加分號)

選擇器的分組:可以對選擇器進行分組,這樣,被分組的選擇器可以分享相同的宣告。用逗號將需要分組的選擇器分開。eg:

h1,h2,h3,h4,h5,h6所有的標題的顏色都是綠色的。

id選擇器:id選擇器可以為標有特定id的html元素指定特定的樣式。id選擇器以「#」來定義。

eg:      #red           #green

這個段落是紅色。

這個段落時綠色。

乙個選擇器的多種用法,即使被標註為siderbar的元素只能在文件中出現一次,這個id選擇器作為派生選擇器也可被使用很多次。

#sidebar p       #sidebar h2 。

css類選擇器:在css中,類選擇器以乙個點號顯示。

eg:.center  (所有有用center類的html元素均為居中)

在下面的例子中,h1和p元素都有center類。這意味著兩者都要遵守".center"選擇器中的規則。

this paragraph will also be center-aligned.

css類選擇器也可被用作派生選擇器。

.fancy td類名為 fancy 的更大的元素內部的**單元都會以灰色背景顯示橙色文字。

css屬性選擇器:對帶有指定屬性的html元素設定樣式,而不僅限於class和id屬性。(ie7及以上支援)

[title] (為帶有title屬性的所有元素設定樣式,顏色為紅色)

屬性和值選擇器

[title="我的標題「] (為title=」我的標題「的所有元素設定樣式)。

css 對大小寫不敏感。不過存在乙個例外:如果涉及到與 html 文件一起工作的話,class 和 id 名稱對大小寫是敏感的。

建立或者說使用css

插入樣式表的三種方法:外部樣式表插入,內部樣式表的插入使用和內聯樣式表的使用。

內部樣式:在html文件中根據需要進行定義使用。語法是:

內聯樣式表:內聯樣式在具體的標籤中進行定義使用。

多重樣式:就是涉及到有兩種或兩種以上的樣式的時候,將遵守三種樣式表優先順序的規則繼承和使用多重樣式表。

css學習筆記1

本次學習通過 學習 css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。selector選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。通過依...

CSS學習筆記1

css 層疊樣式表 內嵌樣式 在標籤元素中 style 屬性名 屬性值 內含樣式 在head中 type text css 選擇器名 style 外部樣式 rel stylesheet type text css href css中注釋用 選擇器 1.標籤選擇器 標籤名 2.類選擇器 標籤元素中定義...

學習css筆記(1)

用以下三種方式將樣式表加入網頁 最接近目標的樣式定義優先權越高。高優先權樣式將繼承低優先權樣式的未重疊定義但覆蓋重疊的定義。鏈入外部樣式表檔案 linking to a style sheet 先建立外部樣式表檔案 css 然後使用html的link物件。而在xml中應該如下例所示在宣告區中加入 定...