CSS用HTML中的style屬性替換

2022-02-08 06:01:27 字數 1236 閱讀 8149

廢話不多說上**:

1、用css給文字新增背景色:

<

html

>

<

head

>

<

style

type

="text/css"

>

body

h1 h2

p p.no2

style

>

head

>

<

body

>

<

h1>這是標題 1

h1>

<

h2>這是標題 2

h2>

<

p>這是段落

p>

<

p class

="no2"

>這個段落設定了內邊距。

p>

body

>

html

>

2、直接在html中用style屬性表示:

<

html

>

<

head

>

head

>

<

body

style

="background-color:yellow"

>

<

h1 style

="background-color:#00ff00"

>這是標題 1

h1>

<

h2 style

="background-color: transparent"

>這是標題 2

h2>

<

p style

="background-color: rgb(250,0,255)"

>這是段落

p>

<

p style

="background-color: gray; padding: 20px;"

>這個段落設定了內邊距。

p>

body

>

html

>

效果如圖:

HTML中 Style的用法

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

CSS中style用法詳解

css樣式表按其所在位置分三種 1.內嵌樣式表 2.內部樣式表 3.外部樣式表 下面詳細解釋一下 1.內嵌樣式表是寫在使用它的標籤 tag 內的,例如要在標籤中使用,其語法為 這段文字使用了內嵌樣式表,更改了字型大小為20 2.內部樣式表不同於內嵌樣式表,其是寫在html網頁的標籤之間的,所以它對本...

封裝link或style中的css規則

cssstylesheet型別表示的是樣式表,包括通過元素包含的樣式表和在元素中定義的樣式表。這兩個元素本身分別是由htmllinkelement和htmlstyleelement型別表示的。但是,cssstylesheet型別相對更加通用一些,它只表示樣式表,而不管這些樣式表在html中是如何定義...