H5和CSS3新增內容總結

2022-09-17 12:21:08 字數 1502 閱讀 1617

css3選擇器有哪些?

答:屬性選擇器、偽類選擇器、偽元素選擇器。

css3新特性有哪些?

答:1.顏色:新增rgba,hsla模式

文字陰影(text-shadow、)

邊框: 圓角(border-radius)邊框陰影: box-shadow

盒子模型:box-sizing

背景:background-size 設定背景的尺寸background-origin 設定背景的原點background-clip 設定背景的裁切區域,以」,」分隔可以設定多背景,用於自適應布局

漸變:linear-gradient、radial-gradient

過渡:transition,可實現動畫

自定義動畫

在css3中唯一引入的偽元素是 :selection.

**查詢,多欄布局

border-image

2d轉換:transform:translate(x,y) rotate(x,y) skew(x,y) scale(x,y)

3d轉換

css3新增偽類有那些?

p:first-of-type 選擇屬於其父元素的首個 元素的每個 元素。

p:last-of-type 選擇屬於其父元素的最後 元素的每個 元素。

p:only-of-type 選擇屬於其父元素唯一的 元素的每個 元素。

p:only-child 選擇屬於其父元素的唯一子元素的每個 元素。 p:nth-child(2) 選擇屬於其父元素的第二個子元素的每個 元素。 :enabled、:disabled 控制表單控制項的禁用狀態。

:checked,單選框或核取方塊被選中。html5有哪些新特性、移除了那些元素?如何處理html5新標籤的瀏覽器相容問題?(web前端學習***:328058344 禁止閒聊,非喜勿進!)

如何區分 html 和 html5?

新特性:

拖拽釋放(drag and drop) api

語義化更好的內容標籤(header,n**,footer,aside,article,section)

畫布(canvas) api

地理(geolocation) api

本地離線儲存 localstorage 長期儲存資料,瀏覽器關閉後資料不丟失;

sessionstorage 的資料在瀏覽器關閉後自動刪除

表單控制項,calendar、date、time、email、url、search

新的技術webworker, websocket, geolocation支援html5新標籤:

ie8/ie7/ie6支援通過document.createelement方法產生的標籤, 可以利用這一特性讓這些瀏覽器支援html5新標籤, 瀏覽器支援新標籤後,還需要新增標籤預設的樣式:

當然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架上述內容都是自己總結的如有錯誤歡迎指正

H5和CSS3新增屬性

這些新特性都有相容性問題 基本都是 ie9 版本 1以前布局我們都是用 div 做的 div 對於我們搜尋引擎來說是麼樣語義的 頭部標籤 導航標籤 內容標籤 定義文件某個區域 大號的div 側邊欄標籤 尾部標籤 1 這些語義化標準主要是針對搜素引擎的 2 這些標籤頁面中可以使用多次 3 在 ie9 ...

H5新增標籤 css3新增屬性

一 新增標籤 1 css3新增屬性之border color 為邊框設定多種顏色 p這裡說一下題外話,需要注意 border width 屬性如果單獨使用的話是不會起作用的。請首先使用 border style 屬性來設定邊框。2 css3新增屬性之border image 邊框 css3的bord...

H5和CSS小總結

h2 設定字型的大小 h1 設定字型的樣式 h2 引入字型 對字型的降級 在所有瀏覽器中都有幾種可用的預設字型。這些包括 monospace serif 和 sans serif。當某種字型不可用時,你可以讓瀏覽器將其 降級 為另一種字型。例如,如果你希望元素使用 helvetica 字型,但是當 ...