CSS3和HTML5的一些實戰和筆記

2021-10-01 22:32:58 字數 1277 閱讀 3090

很多化想說

聯絡我jdklsa

sjdalk

第一項第二項

標題列表

列表女這是一組表單元素

volvo

saab

mercedes

audi

規定以13、15開頭的11位數字

樣式優先順序:"就近原則",行內樣式》內部樣式表》外部樣式表

css3的基本選擇器

(1)標籤選擇器:以標籤名作選擇器的名稱如 h1

(2)類選擇器:選擇器名可自定義如 .red同時要設定《標籤 class="red">內容內容b:只能選擇a的子元素。

(3)相鄰兄弟選擇器a+b:只用於a後面乙個同級元素

(4)通用兄弟選擇器a~b:用於a後面所有的同級元素

2.結構偽類選擇器:根據文件物件模型dom的節點(元素級別)來操作。

(1)b:first-child 作為父元素的第乙個子元素b,作用和(3)相似

(2)b:last-child 作為父元素的最後乙個子元素b

(3)a b:nth-child(n) 在父級中查第n個子元素是不是b,不分型別

(4)b:first-of-type 選擇父元素內b型別的第乙個元素b

(5)b:last-of-type 選擇父元素內b型別的最後乙個元素b

(6)a b:nth-of-type(n) 在父級裡先是不是b型別,再看位置n

3.屬性選擇器:

(1)a[arrt] 選擇包含屬性arrt的a標籤(也可寫多個屬性,但要同時存在)

(2)a[arrt = val] 選擇包含屬性arrt,且屬性值=val(區分大小寫)的a標籤

(3)a[arrt ^= val] 選擇包含屬性arrt,且屬性值以val開頭的任意字串

(4)a[arrt $= val] 選擇包含屬性arrt,且屬性值以val結尾的任意字串

(5)a[arrt *= val] 選擇包含屬性arrt,且屬性值包含val字串的a標籤

span標籤裡面的字型

>

"@copy

標題文字

css3和html5的基礎

流式布局 應對視窗大小做等比例縮放布局 簡單來說利用百分數來進行布局 css3的box sizing與calc 通常設定邊框會被設定在元素的外圍 box sizing屬性值設為border box時邊框就加在元素內部 css3中在進行響應式布局時需要對不不同的螢幕大小設定不同的div排序方式。這時候...

響應式Web設計 HTML5和CSS3實戰

內容簡介 移動網際網路時代到來了。響應式web設計 html5和css3實戰 將當前web設計中熱門的響應式設計技術與html5和css3結合起來,為讀者全面深入地講解了針對各種螢幕大小設計和開發現代 的各種技術。不僅討論了 查詢 流式布局 相對字型 響應式 更將html5和css3的相關知識點一併...

html5和css3新特性

1易用簡潔 指令碼和連線無需type html5新增加的一些標籤和特性如下 1.無需寫type,指令碼和連線 2.新增加標籤標記元素mark高亮顯示 audio video 如下figure input新增屬性 placeholder required autofocus 新增正規表示式在input...