CSS中style用法詳解

2022-09-10 21:06:29 字數 1281 閱讀 5520

css樣式表按其所在位置分三種:

1.內嵌樣式表

2.內部樣式表

3.外部樣式表

下面詳細解釋一下:

1.內嵌樣式表是寫在使用它的標籤(tag)內的,例如要在標籤中使用,

其語法為:這段文字使用了內嵌樣式表,更改了字型大小為20

2.內部樣式表不同於內嵌樣式表,其是寫在html網頁的標籤之間的,所以它對本網頁全部有效。應注意的是,因為它不是寫在某乙個標籤內的,所以在寫的時候要注意,自己想在那個標籤內使用這個樣式表,再定義的時候也要寫清楚,否則會造成整個頁面的混亂。例如:

這段文字使用了樣式表

這段文字沒有使用樣式表

可以看到,在定義內部樣式表的時候,前面宣告的時候應該首先宣告在哪個標籤裡使用這個樣式表,如果並不想在該網頁所有的此標籤中都使用這個樣式表則在宣告的標籤後面加上自己定義的乙個樣式表名稱,例如上面的p.mylayout,意為只能在該網頁的標籤中使用此樣式表,在要使用這個樣式表的標籤中宣告,宣告方式為《標籤 自定義樣式表名稱》

利用樣式表選擇,你可以用同樣的html標籤構成不同的樣式。比如說,你希望段落有兩種樣式,一種是居中對齊,一種是居右對齊。你就可以寫如下樣式:

p.right

p.center

其中right和center就是兩個樣式表。然後你就可以引用這兩個樣式表,示例**如下:

這一段居中顯示。

這一段是居右顯示。

也可以不用html 標籤,直接用「.」加上樣式表名稱。示例**如下:

.center

這種通用的樣式表名稱就沒有標籤的侷限性,可以用於不同的標籤。比如:

這個段落居中顯示。

3.外部樣式表

外部樣式表就是將樣式表的內容單獨寫到乙個notepad中,並儲存為字尾為.css的檔案,在你寫的想要呼叫的網頁中加上如下的**(當然還是加到之間):

例如:先寫一段**並存為p.css

p.mylayout

然後在你寫的網頁中呼叫這個樣式表:

這個標題使用了style 。

$false$

這個標題沒有使用style。

所以乙個外部樣式表可以被很多網頁呼叫,這就是外部樣式表的好處。

樣式表也可以串聯,即乙個網頁用多個css,其串聯的順序是:內嵌》內部》外部》瀏覽器自身的

也就是說當乙個網頁有內部css時,它在的呼叫外部css就被覆蓋了(即外部css不起作用)

css樣式表定義時的巢狀說明:

p b

使用時:這段文字在b標籤中的為藍色

cursor:hand 這個屬性是將滑鼠變成手的形狀。

HTML中 Style的用法

style用來設定css樣式表的。css可算是網頁設計的乙個突破,它解決了網頁介面排版的難題。可以這麼說,html的tag主要是定義網頁的內容 content 而css決定這些網頁內容如何顯示 layout css的英文是cascading style sheets,中文可以翻譯成串聯式樣式表。cs...

詳解CSS中 nth child的用法

tips 還用低版本的ie瀏覽器的哥們請繞過!nth child 2 選取第幾個標籤,2可以是你想要的數字 demo01 li nth child 2 nth child n 4 選取大於等於4標籤,n 表示從整數,下同 點此檢視例項展示 demo01 li nth child n 4 nth ch...

詳解CSS中 nth child的用法

前端的哥們想必都接觸過css中乙個神奇的玩意,可以輕鬆選取你想要的標籤並給與修改新增樣式,是不是很給力,它就是 nth child 下面我將用幾個典型的例項來給大家講解 nth child的實際用途 tips 還用低版本的ie瀏覽器的哥們請繞過!demo01 li nth child 2 點此檢視例...