親,你好,很樂意為你解答問題,目前并不是所有手機瀏覽器都支持HTML5+CSS3的功能
創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供龍山網(wǎng)站建設、龍山做網(wǎng)站、龍山網(wǎng)站設計、龍山網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、龍山企業(yè)網(wǎng)站模板建站服務,10余年龍山做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡服務。
所以并不是你使用了CSS3的制作方法,所有手機就會識別你的制作方法。
首先你要確認你的網(wǎng)站為了哪一部分的手機用戶提供服務,
如果有問題,可以繼續(xù)追問我。
h5是html的最新版本,是14年由w3c完成標準制定。增強了,瀏覽器的原生功能,減少瀏覽器插件(eg:flash)的應用,提高用戶體驗滿意度,讓開發(fā)更加方便。
- h5新增的標簽
新增元素
說明
video ? ?表示一段視頻并提供播放的用戶界面 ?
audio ? ?表示音頻 ?
canvas ? ?表示位圖區(qū)域 ?
source ? ?為video和audio提供數(shù)據(jù)源 ?
track ? ?為video和audio指定字母 ?
svg ? ?定義矢量圖 ?
code ? ?代碼段 ?
figure ? ?和文檔有關的圖例 ?
figcaption ? ?圖例的說明 ?
main ?
time ? ?日期和時間值 ?
mark ? ?高亮的引用文字 ?
datalist ? ?提供給其他控件的預定義選項 ?
keygen ? ?秘鑰對生成器控件 ?
output ? ?計算值 ?
progress ? ?進度條 ?
menu ? ?菜單 ?
embed ? ?嵌入的外部資源 ?
menuitem ? ?用戶可點擊的菜單項 ?
menu ? ?菜單 ?
template ?
section ?
nav ?
aside ?
article ?
footer ?
header ?
- css3
css3被劃分為模塊,最重要的幾個模塊包括:選擇器、框模型、背景和邊框、文本效果、2D/3D 轉(zhuǎn)換、動畫、多列布局、用戶界面
選擇器
框模型
背景和邊框
border-radius、box-shadow、border-image、
background-size:規(guī)定背景圖片的尺寸
background-origin:規(guī)定背景圖片的定位區(qū)域
background-clip:規(guī)定背景的繪制區(qū)域
文本效果(常用)
text-shadow:設置文字陰影
word-wrap:強制換行
word-break
css3提出@font-face規(guī)則,規(guī)則中定義了font-family、font-weight、font-style、font-stretch、src、unicode-range
2/3D轉(zhuǎn)換
transform:向元素應用2/3D轉(zhuǎn)換
transition:過渡
動畫
@keyframes規(guī)則:
animation、animation-name、animation-duration等
用戶界面(常用)
box-sizing、resize
css3新增偽類
:nth-child()
:nth-last-child()
:only-child
:last-child
:nth-of-type()
:only-of-type()
:empty
:target ?這個偽類允許我們選擇基于URL的元素,如果這個元素有一個識別器(比如跟著一個#),那么:target會對使用這個ID識別器的元素增加樣式。
:enabled ?
:disabled
:checked
:not
h1p折疊1/p/h1
h1p折疊2/p/h1
h1p折疊3/p/h1
h1p折疊4/p/h1
需要js來,最好用jquery來實現(xiàn)
只需要給h1綁定事件,單件它的時候,設置它的p屬性,display:none。
一、 h5是html的最新版本,是14年由w3c完成標準制定。增強了,瀏覽器的原生功能,減少瀏覽器插件(eg:flash)的應用,提高用戶體驗滿意度,讓開發(fā)更加方便。?
- h5新增的標簽:
video : ?表示一段視頻并提供播放的用戶界面 ?
audio : 表示音頻 ?
canvas: 表示位圖區(qū)域 ?
source: ?為video和audio提供數(shù)據(jù)源 ?
track : ? 為video和audio指定字母 ?
svg: ?定義矢量圖 ?
code: 代碼段 ?
figure : 和文檔有關的圖例 ?
figcaption : 圖例的說明
time: ?日期和時間值 ?
mark: 高亮的引用文字 ?
datalist : 提供給其他控件的預定義選項 ?
keyge: 秘鑰對生成器控件 ?
output : ?計算值 ?
rogress : ? 進度條 ?
menu: ? ?菜單 ?
embed: ?嵌入的外部資源 ?
menuitem: 用戶可點擊的菜單項 ?
menu: 菜單
二、 css3被劃分為模塊,最重要的幾個模塊包括:選擇器、框模型、背景和邊框、文本效果、2D/3D 轉(zhuǎn)換、動畫、多列布局、用戶界面。
新增屬性:
選擇器
框模型
背景和邊框?
border-radius、box-shadow、border-image、?
background-size:規(guī)定背景圖片的尺寸?
background-origin:規(guī)定背景圖片的定位區(qū)域?
background-clip:規(guī)定背景的繪制區(qū)域
文本效果(常用)?
text-shadow:設置文字陰影?
word-wrap:強制換行?
word-break?
css3提出@font-face規(guī)則,規(guī)則中定義了font-family、font-weight、font-style、font-stretch、src、unicode-range
2/3D轉(zhuǎn)換?
transform:向元素應用2/3D轉(zhuǎn)換?
transition:過渡
動畫
@keyframes規(guī)則:?
animation、animation-name、animation-duration等
用戶界面(常用)?
box-sizing、resize?
css3新增偽類?
:nth-child()?
:nth-last-child()?
:only-child?
:last-child?
:nth-of-type()?
:only-of-type()?
:empty?
:target 這個偽類允許我們選擇基于URL的元素,如果這個元素有一個識別器(比如跟著一個#),那么:target會對使用這個ID識別器的元素增加樣式。?
:enabled?
:disabled?
:checked?
:not
HTML5+CSS3實現(xiàn)全屏導航欄菜單,懸停在右上角的小圖標,點擊以圓形擴散的方式綻開全屏導航欄,這種方式的導航欄很吸睛,運用也越來越廣,趕緊學起來呀!
效果:
源碼: