CSS部分語法1

2022-07-19 13:18:15 字數 1893 閱讀 5861

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>demo3

title

>

<

style

>

/*1 繼承性:父元素樣式可以被子元素繼承,一般只能繼承顏色和字型

*/body

/*2 層疊性:給乙個元素設定不同宣告,效果會疊加

*/h2

/*此處省略無數行宣告,寫著寫著忘了加乙個申明可以另寫,會疊加

*/h2

/*3 優先順序:給同乙個元素設定相同宣告,效果以後者為準,也叫就近原則

*/h3

/*此處省略無數行宣告

*/h3

/*選擇器就是用來選擇頁面上的元素

*//*

1 元素選擇器 前面都有 略

*//*

2 類選擇器:選擇class等於某值的所有元素,是程式設計師根據邏輯給元素增加的分類

*/.girl

/*3 id選擇器:選擇id等於某值的惟一的元素

*/#p3

/*4 選擇器組:寫出一組選擇器,選中每個選擇器所對應的目標的「並集」

*/p.girl,#p3

/*5 派生選擇器:

後代選擇器:選擇某元素所有後代(子孫)元素

子元素選擇器:選擇某元素的所有子元素

*//*

5.1 選擇某元素的子孫

*/#p5 b

/*5.12選擇某元素的兒子

*/#p5>b

/*6 偽類選擇器::用於像某些選項新增特殊的效果

使用冒號( :)作為結合號,結合號左邊是其他選擇器,右邊是偽類

常用偽類:

-:link

-:active

-:visited

-:hover

-focus:

*/style

>

head

>

<

body

>

<

h1>老許

h1>

<

h2>盼盼

h2>

<

h3>哈哈

h3>

<

p class

= "girl"

>小倩

p>

<

p class

= "girl"

>小喬

p>

<

p id

= "p3"

>大蛇

p>

<

p>牛魔王

p>

<

p id

="p5"

>

<

u>安徽省<

b>馬鞍山市

b>安徽工業大學

u>

<

br>

紅豆生南國,

<

br>

春來發幾枝。

<

br>

問君多採擷,

<

br>

此物最相思。

<

br>

p>

<

ol>

<

li>第一

li>

<

li>第二

li>

<

li>第三

li>

ol>

body

>

html

>

CSS部分基礎語法

一 行內式 使用方法 直接在標籤內新增style屬性,將屬性值設定為css樣式 表名稱 二 內部式 使用方法 在head標籤內新增style屬性,在屬性內新增如下樣式 標籤名 三 外部式 使用方法 在外部建立乙個css檔案,然後在html頁面的head標籤內新增link標籤,在link標籤中新增cs...

css樣式部分(1)

1 border sizng你用過嗎?它的屬性值分別有哪些?他們的作用是什麼?標準w3c下的盒模型和ie下的盒模型有什麼區別?1 box sizing content box border box inherit border sizing有三個屬性值,它們分別是content box,border...

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

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