首页 前端知识 html5新增标签 css3新增标签

html5新增标签 css3新增标签

2024-10-13 19:10:07 前端知识 前端哥 886 803 我要收藏

新增标签

  • 一.html5新增标签
    • 1.语义化标签
    • 2.多媒体标签
      • (1)视频video
      • (2)音频audio
      • (3).总结
    • 3.input属性
    • 4.表单属性
  • 二.css3新增选择器
    • 1.新增选择器
      • (1)属性选择器
      • (2)结构伪类选择器
      • (3)伪元素选择器
    • 2.盒子模型(box-sizing:border-box)
    • 3.图片模糊处理(filter)
    • 4.calc函数()里面可以用+-*/计算
    • 5.transition过渡

一.html5新增标签

1.语义化标签

在这里插入图片描述

2.多媒体标签

(1)视频video

在这里插入图片描述

(2)音频audio

在这里插入图片描述
在这里插入图片描述

(3).总结

在这里插入图片描述

3.input属性

在这里插入图片描述

4.表单属性

在这里插入图片描述

二.css3新增选择器

1.新增选择器

(1)属性选择器

在这里插入图片描述

(2)结构伪类选择器

在这里插入图片描述

关于n
在这里插入图片描述
区别
在这里插入图片描述
总结
在这里插入图片描述

(3)伪元素选择器

在这里插入图片描述
在这里插入图片描述
应用1
字体图标可以直接放伪元素内容里但需要
不需要再放span标签里
在这里插入图片描述
应用2
土豆案例
在这里插入图片描述

在这里插入图片描述
应用3
在这里插入图片描述

在这里插入图片描述

2.盒子模型(box-sizing:border-box)

在这里插入图片描述
在这里插入图片描述

3.图片模糊处理(filter)

在这里插入图片描述

4.calc函数()里面可以用±*/计算

在这里插入图片描述

5.transition过渡

在这里插入图片描述
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18907.html
标签
评论
发布的文章

JSON:API Normalizer 项目教程

2024-10-30 21:10:43

json2html 项目教程

2024-10-30 21:10:41

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!