html5css3菜单,html5css3权威指南

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

html5 + css3 做的下拉菜单在部分手机浏览器中无法显示，请教高手！

亲，你好，很乐意为你解答问题，目前并不是所有手机浏览器都支持HTML5+CSS3的功能

所以并不是你使用了CSS3的制作方法，所有手机就会识别你的制作方法。

首先你要确认你的网站为了哪一部分的手机用户提供服务，

如果有问题，可以继续追问我。

相关问答

Q1: html5新增了哪些标签？css3新增了哪些属性

h5是html的最新版本，是14年由w3c完成标准制定。增强了，浏览器的原生功能，减少浏览器插件（eg：flash）的应用，提高用户体验满意度，让开发更加方便。

- h5新增的标签

新增元素

说明

video 表示一段视频并提供播放的用户界面

audio 表示音频

canvas 表示位图区域

source 为video和audio提供数据源

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 转换、动画、多列布局、用户界面

选择器

框模型

背景和边框

border-radius、box-shadow、border-image、

background-size：规定背景图片的尺寸

background-origin：规定背景图片的定位区域

background-clip：规定背景的绘制区域

文本效果（常用）

text-shadow：设置文字阴影

word-wrap：强制换行

word-break

css3提出@font-face规则，规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range

2/3D转换

transform：向元素应用2/3D转换

transition：过渡

动画

@keyframes规则：

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

Q2: html5css3左侧折叠菜单怎么做

h1p折叠1/p/h1

h1p折叠2/p/h1

h1p折叠3/p/h1

h1p折叠4/p/h1

需要js来，最好用jquery来实现

只需要给h1绑定事件，单件它的时候，设置它的p属性，display:none。

Q3: html5新增了哪些标签？css3新增了哪些属性？

一、 h5是html的最新版本，是14年由w3c完成标准制定。增强了，浏览器的原生功能，减少浏览器插件（eg：flash）的应用，提高用户体验满意度，让开发更加方便。

- h5新增的标签：

video ：表示一段视频并提供播放的用户界面

audio ：表示音频

canvas：表示位图区域

source：为video和audio提供数据源

track ：为video和audio指定字母

svg：定义矢量图

code：代码段

figure ：和文档有关的图例

figcaption ：图例的说明

time：日期和时间值

mark：高亮的引用文字

datalist ：提供给其他控件的预定义选项

keyge：秘钥对生成器控件

output ：计算值

rogress ：进度条

menu：菜单

embed：嵌入的外部资源

menuitem：用户可点击的菜单项