html5和css3新特性

2021-07-09 11:38:02 字數 792 閱讀 1905

1易用簡潔

指令碼和連線無需type

html5新增加的一些標籤和特性如下:

1.無需寫type,指令碼和連線

2.新增加標籤標記元素mark高亮顯示

audio video

如下figure:

input新增屬性:placeholder required autofocus

新增正規表示式在input中

2.css新增屬性選擇器和偽類選擇器

e[att^="val"]{}  e[att$="val"]{} e[att*="val"]  ^值以val開頭  

結構性偽類e:nth-child(n)等等

ui元素偽類選擇器:e:enabled e:disabled e:checked e:selected

3.

text-shadow: 5px 5px 5px #ff0000; 文字陰影 水平、垂直、模糊的距離、陰影的顏色

font-variant是字型的變形

font-style:normal oblique italic

text-decoration 下劃線 等

letter-spacing:1ex 字元間距

text-align: left;//文字對齊方式

list-style-type:disc;//列表樣式

text-indent: 2em;//段落首行縮排

實現省略

p

Html5與CSS3新特性

新增的語義化標籤 新增的多 標籤 音訊標籤 檔案位址 video 檔案位址 audio 屬性 屬性屬性值 描述autoplay autoplay control control loop loop muted muted 新增的input表單type型別 新增的表單屬性新增屬性選擇器 權重為10,注...

html5新屬性和css3新屬性

新增屬性 audio autoplay,controls,loop video autoplay,controls,loop,width,heigth 部分 如下 您的瀏覽器版本太低 二 css3新屬性 1 結構偽類選擇器 frist child,last child,nth child,nth l...

css3和html5的基礎

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