美文网首页
H5、CSS3整理

H5、CSS3整理

作者: 我家媳妇蠢蠢哒 | 来源:发表于2018-04-04 12:09 被阅读0次

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

相关文章

  • 关于H5(1)

    H5基础都有哪些: H5有用的标签: 新增标签 *表单 *js新增功能 css3选择器: *css3新增的样式 浏...

  • H5、CSS3整理

    h5是html的最新版本,是14年由w3c完成标准制定。增强了,浏览器的原生功能,减少浏览器插件(eg:flash...

  • 19秋招前端知识小结(二)

    2019秋招h5前端知识简要整理,来源于牛客题后评论区等。 C05新增内容 -$51 CSS3新增属性 -$52 ...

  • h5和css3自定义单选按钮

    h5和css3自定义单选按钮的实现   h5和css3,感觉自己一直都是大概了解其中的属性,等到真正要用的时候,哪...

  • HTML5与CSS3的新特性

    现在各大浏览器对H5和CSS3的支持已经很好了,现在来总结一下H5和CSS3的新特性 HTML5 1、新的特殊内容...

  • HTML5 面试知识点整理

    前言:之前整理得 面试侃侃而谈 H5 和 C3 有点杂乱,并不是太系统,这次对着「HTML5与CSS3权威指南」以...

  • 进度,我来了。

    定个小目标,两周之内结束H5和CSS3。

  • 关于h5和css3的知识点整理

    其实很多小白在学h5和css3的时候会和我一样,傻傻的分不清楚h5中的新标签和css3中的新方法。。。原因其实很简...

  • spring cloud分布式微服务b2b2c社交电商java版

    前端框架:Bootstrap/H5/CSS3、IOS、VUE、Android、小程序 核心架构:Spring Bo...

  • java springcloud版b2b2c社交电商spring

    前端框架:VUE、Bootstrap/H5/CSS3、IOS、Android、小程序 开发模式:代码生成工具、驱动...

网友评论

      本文标题:H5、CSS3整理

      本文链接:https://www.haomeiwen.com/subject/fujkhftx.html