HTML5和css3新特性
阿新 • • 發佈:2021-01-24
HTML5和css3新特性
css新特新:
-
屬性選擇器
屬性選擇器分為三種:
1、基本選擇器
2、偽類選擇器
3、偽元素選擇器
-
邊框背景
邊框:
1、border-radius 圓角
2、border-image 邊框背景背景:
1、background-size 背景圖片大小
2、background-color 背景顏色 -
文字效果
text-shadow 向文字新增陰影
text-justify 規定當 text-align 設定為 “justify” 時所使用的對齊方法
text-emphasis 向元素的文字應用重點標記以及重點標記的前景色
text-outline 規定文字的輪廓
text-wrap 規定文字的換行規則
word-break 規定非中日韓文字的換行規則
word-wrap 允許對長的不可分割的單詞進行分割並換行到下一行
text-decoration 文字修飾符:overline、line-through、underline 分別是上劃線、中劃線、下劃線 -
2D/3D轉化
1、旋轉
2、傾斜
3、縮放
4、位移
H5新特性:
- 語義化標籤:header、footer、section、nav、aside、article
- 增強型表單:input有多個type
- 增強型表單元素:placehoder、required、min 和 max
- 地理定位
- 音訊視訊:audio、video
- 拖拽
- canvas 畫布
- 本地儲存:localStorage 、sessionStorage 、 session