pink-H5C3提高(新特性)

pink-H5C3提高(新特性)

视频链接:pink-H5C3提高

pink-H5C3提高(新特性)

  • pink-H5C3提高(新特性)
  • HTML5
    • 1. 什么是HTML5
    • 2. H5新增语义化标签
    • 3. H5新增多媒体标签
    • 4. H5新增input表单,表单属性
    • 5. vscode 推荐安装的插件
  • CSS3
    • 1.CSS3新增的属性,结构伪类和伪元素选择器
    • 2.CSS3 2D转换、移动、旋转和缩放属性
    • 3.CSS3 3D转换、移动、旋转和缩放属性
    • 4.CSS3动画属性
  • 三、 浏览器私有前缀

HTML5

1. 什么是HTML5

HTML5的介绍

2. H5新增语义化标签

<header>:头部标签
<nav>:导航标签
<article>:内容标签
<aside>:侧边栏标签
<section>:块级标签
<footer>:底部标签

pink-H5C3提高(新特性)_第1张图片

3. H5新增多媒体标签

pink-H5C3提高(新特性)_第2张图片
pink-H5C3提高(新特性)_第3张图片
pink-H5C3提高(新特性)_第4张图片
pink-H5C3提高(新特性)_第5张图片
pink-H5C3提高(新特性)_第6张图片
pink-H5C3提高(新特性)_第7张图片
pink-H5C3提高(新特性)_第8张图片
在这里插入图片描述

4. H5新增input表单,表单属性

pink-H5C3提高(新特性)_第9张图片
pink-H5C3提高(新特性)_第10张图片

5. vscode 推荐安装的插件

pink-H5C3提高(新特性)_第11张图片

CSS3

1.CSS3新增的属性,结构伪类和伪元素选择器

pink-H5C3提高(新特性)_第12张图片
pink-H5C3提高(新特性)_第13张图片
pink-H5C3提高(新特性)_第14张图片
pink-H5C3提高(新特性)_第15张图片
pink-H5C3提高(新特性)_第16张图片
pink-H5C3提高(新特性)_第17张图片

2.CSS3 2D转换、移动、旋转和缩放属性

pink-H5C3提高(新特性)_第18张图片
pink-H5C3提高(新特性)_第19张图片
pink-H5C3提高(新特性)_第20张图片
pink-H5C3提高(新特性)_第21张图片
pink-H5C3提高(新特性)_第22张图片
pink-H5C3提高(新特性)_第23张图片
pink-H5C3提高(新特性)_第24张图片

3.CSS3 3D转换、移动、旋转和缩放属性

pink-H5C3提高(新特性)_第25张图片
pink-H5C3提高(新特性)_第26张图片
pink-H5C3提高(新特性)_第27张图片
pink-H5C3提高(新特性)_第28张图片
pink-H5C3提高(新特性)_第29张图片
pink-H5C3提高(新特性)_第30张图片

pink-H5C3提高(新特性)_第31张图片
pink-H5C3提高(新特性)_第32张图片
pink-H5C3提高(新特性)_第33张图片
pink-H5C3提高(新特性)_第34张图片
pink-H5C3提高(新特性)_第35张图片

4.CSS3动画属性

pink-H5C3提高(新特性)_第36张图片
pink-H5C3提高(新特性)_第37张图片
pink-H5C3提高(新特性)_第38张图片
pink-H5C3提高(新特性)_第39张图片
pink-H5C3提高(新特性)_第40张图片
pink-H5C3提高(新特性)_第41张图片
pink-H5C3提高(新特性)_第42张图片
pink-H5C3提高(新特性)_第43张图片

三、 浏览器私有前缀

pink-H5C3提高(新特性)_第44张图片

你可能感兴趣的:(学习前端视频的笔记,html5,css3)