CSS部分基礎語法

2021-10-22 11:50:23 字數 923 閱讀 9773

一、行內式

使用方法:直接在標籤內新增style屬性,將屬性值設定為css樣式 表名稱

二、內部式

使用方法:在head標籤內新增style屬性,在屬性內新增如下樣式----標籤名

三、外部式

使用方法:在外部建立乙個css檔案,然後在html頁面的head標籤內新增link標籤,在link標籤中新增css檔名

注意:三種方式的優先順序遵循原則:行內式優先順序最高,內部式和外部式遵循就近原則

一、標籤選擇器

使用方法:標籤名{}

二、id選擇器

使用步驟:1.在標籤內新增乙個id屬性並取名

2.在style中新增#id名{}

注意:id名必須是唯一的,而且不能重複

三、類選擇器

使用步驟:1.在標籤內新增乙個class屬性並取名

2.在style中新增.類名{}

注意:類名可以出現多次

四、萬用字元選擇器

使用方法:在style中新增*{}

注意:會對所有標籤產生作用

基本選擇器的優先順序:萬用字元 < 標籤選擇器 < 類選擇器< id選擇器

萬用字元選擇器:0

標籤選擇器:1

類選擇器:10

id選擇器:100

行內樣式表:1000

選擇器的文字樣式包含字型和文字

字型屬性:color----字型顏色

font-size----字型大小

font-family----字型的格式

font-weight----字型的加粗

font-style----字型的風格

文字屬性:text-align----水平位置

line-height----垂直位置

text-indet----首行縮排

text-decoration----字型劃線

CSS部分語法1

doctype html html head meta charset utf 8 title demo3 title style 1 繼承性 父元素樣式可以被子元素繼承,一般只能繼承顏色和字型 body 2 層疊性 給乙個元素設定不同宣告,效果會疊加 h2 此處省略無數行宣告,寫著寫著忘了加乙個申...

CSS語法基礎CSS語法基礎1 基本語法

css語法基礎css語法基礎1.基本語法 css的定義是由三個部分構成 選擇符 selector 屬性 properties 和屬性的取值 value 基本格式如下 selector 選擇符 選擇符是可以是多種形式,一般是你要定義樣式的html標記,例如body p table 你可以通過此方法定義...

基礎部分 CSS

通過依據元素在其位置的上下文關係來定義樣式,你可以使標記更加簡潔。在 css1 中,通過這種方式來應用規則的選擇器被稱為上下文選擇器 contextual selectors 這是由於它們依賴於上下文關係來應用或者避免某項規則。在 css2 中,它們稱為派生選擇器,但是無論你如何稱呼它們,它們的作用...