5日精通CSS層疊樣式表 第1日 1 3

2021-06-16 01:55:06 字數 818 閱讀 5994

我們已經學習了所有的樣式表基本語法。下面我將給你講幾個你肯定會非常感興趣的技巧和快捷方式.

分類

我先前已經講過所有的html標籤都可以用作選擇,並附加樣式表說明.但是如果你想達到的目的比這還要複雜該如何處理呢?比如,你想讓主體文字的1段用綠色顯示,第2段用紫色顯示,而第3段用灰色顯示,你能做到嗎?

這種情況下分類將發揮作用。你可以將段落p分成3種不同的類別,每一類應用不同的樣式表說明。這些規則(不論是植入的還是外部樣式表檔案)將以以下方式顯示:

你可以給類別起任何一種名字,但不要忘了在樣式表規則中類別名稱前加乙個句號(即英文中的 .)

你還可以生成不加任何html標籤的分類:

這種方式更加靈活,因為現在我們可以將class=first用於任何html標籤,並應用到網頁中,而設定的文字將以綠色顯示。

情景選擇

如果你想讓所有加重顯示的文字都以紅色顯示,但條件是只有當這些加顯示的文字出現在通常的主體文字內時。不可能嗎?利用樣式表可以實現你最狂野的夢想。情景選擇將使你夢想成真,心想事成。情景選擇要求你設定乙個可以執行選擇說明的情景即可。

樣式表的規則告訴瀏覽器只將所有之內加重顯示的文字以紅色顯示。所以,之外標題的加重文字不會以紅色顯示,而之內的文字則是。

注釋

即使是用樣式表製作出的非常簡練的**也應該加上注釋。利用樣式表**就可以做到這一點。例:

串接

你可能會問這樣的問題:「為什麼要把它叫做串接樣式表呢?下面我們將回答你的問題。

CSS層疊樣式表

一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊,並根據它來格式化文件 ...

CSS(層疊樣式表)

一.css是增加html的樣式,擁有對網頁物件和模型樣式編輯的能力 1 在html中引入css有3種方式 1.外部樣式表 2.內部樣式表 3.內聯樣式表 2 css選擇元素的方式 1.元素選擇器 通過元素名字進行選擇 2.id選擇器 3.class選擇器 4.子元素選擇器 5.相鄰選擇器 如果需要選...

CSS層疊樣式表

html主要控制內容 css主要控制格式。樣式表是用來指定樣式資訊的句法機制。之所以將css稱為層疊樣式表,是因為它可以在3個層次上進行定義。內聯樣式表位於開始標籤中,其設定只對該元素起作用 文件樣式表位於文件的頭部區域,能夠作用於文件的整個主體。文件樣式表的說明是作為乙個 3.通用選擇器 不管什麼...