html 6 CSS樣式的使用

2021-07-09 04:26:40 字數 1183 閱讀 5857

css標籤共有三種使用方法,如下:

直接在要控制的標記中新增,style標籤,然後一次新增屬性,個屬性之間用分號分割。

嵌入式樣式表用style標籤宣告,然後style標籤必須放在head標籤裡面,在style標籤中,用大括號為body裡面要控制的標籤宣告樣式。

如:

在head標籤裡面宣告並引入,然後再另外乙個字尾名為.css的檔案中,同嵌入式樣式表一樣為要控制的body標籤裡面的標籤用大括號設定樣式。

如:href 為引入的css的路徑及名稱,

用元素加大括號的形式進行標記;如:p{}

class類的使用,是在元素中加入class屬性,進行命名,然後在頭部的style中以.好開始,進行class樣式的定義。

同class一樣要在要控制的元素中宣告id名稱,然後在頭部的style中以#開頭進行id樣式的定義。

注意:class相對於html標記,可以多次使用,id 聚義唯一性,只能用一次。

id>class>html

特殊的,即同意級的則越靠近元素優先順序越大。

利用給div設定id,然後用可以在文章中設定錨點。

可以對頁面上的多個元素一起定義樣式。即在style中存在:

p1,p2,div,.class,#id

對頁面中的鏈結

可以在style中定義:

a:link//定義訪問前的顯示顏色

a:hover{}//滑鼠在的。。

a:active{}//滑鼠選中的。。

a:visited{}//已訪問的。。

Html(6)CSS樣式寫的位置

css樣式可以寫在哪些地方呢?從css 樣式 插入的形式來看基本可以分為以下3種 內聯式 嵌入式和外部式三種。內聯式 這裡文字是紅色。直接在專案後面寫style 裡面的樣式要用 隔開 這裡文字是紅色。嵌入式 可以理解為將樣式單獨提取出來,統一命名 定義。外部式 把css 寫乙個單獨的外部檔案中,這個...

html中的css樣式

1 css的幾種引入方式 1 內聯式css樣式,是直接寫在html標籤中,如 這裡文字是紅色。注意css樣式 要寫在style 雙引號中,如果有多條css樣式 可以設定在一起,中間用分號分開。這裡文字是紅色。不推薦使用這種方法。2 嵌入式css樣式,寫在當前檔案中 可以把css樣式 寫在 嵌入式cs...

在HTML中使用CSS樣式的幾種方式

就是在html的標籤中使用style屬性來設定css樣式 格式 被修飾的內容style color orange font size 18px 在html中如何使用css樣式p 特點 僅作用於本標籤。就是在head標籤中使用標籤來設定css樣式 格式 特點 作用於當前整個頁面 3.1 推薦 就是在h...