当前位置： 首页 > news >正文

HTML5和CSS3的新特性

news 来源：原创 2024/9/30 8:23:37

文章目录

  • 一、HTML5新特性
    • 1.HTML5新增的语义化标签
    • 2.HTML5新增的多媒体标签
    • 3.HTML5新增的input类型
    • 4.HTML5新增表单属性
  • 二、CSS3的新特性
    • 1.属性选择器
    • 2.结构伪类选择器
    • 3.伪元素选择器
    • 4.CSS3盒子模型
    • 5.过渡

一、HTML5新特性

1.HTML5新增的语义化标签

在这里插入图片描述

2.HTML5新增的多媒体标签

  • video标签

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

  • audio标签

在这里插入图片描述

3.HTML5新增的input类型

在这里插入图片描述

4.HTML5新增表单属性

在这里插入图片描述

二、CSS3的新特性

1.属性选择器

在这里插入图片描述

2.结构伪类选择器

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

3.伪元素选择器

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

4.CSS3盒子模型

在这里插入图片描述

5.过渡

在这里插入图片描述

相关文章：

  • K8s集群中的Pod调度约束亲和性与反亲和性
  • 分布式事务解决方案（最终一致性【可靠消息解决方案】）
  • grafana大盘展示node_expod节点
  • springboot发送短信验证码,结合redis 实现限制，验证码有效期2分钟，有效期内禁止再次发送，一天内发送超3次限制
  • 【C++】牛客——小红的口罩
  • NodeJS安装并生成Vue脚手架(保姆级)
  • 从需求角度介绍PasteSpider(K8S平替部署工具适合于任何开发语言)
  • zabbix监控mysql
  • OpenHarmony 实战开发PhotoView——支持图片缩放、平移、旋转的一个优雅的三方组件
  • WXSS (WeiXin Style sheets)
  • Java中volatile关键字
  • 英语学习笔记22——Give me/him/her/us/them a .... Which one?
  • js处理服务器响应Blob对象格式文件处理
  • 【Unity】免费的高亮插件——QuickOutline
  • 【全开源】JAVA同城搬家系统源码小程序APP源码
  • 4. 路由到控制器 - Laravel从零开始教程
  • ES6 ...操作符
  • JS+CSS实现数字滚动
  • October CMS - 快速入门 9 Images And Galleries
  • PHP面试之三：MySQL数据库
  • Quartz实现数据同步 | 从0开始构建SpringCloud微服务(3)
  • web标准化（下）
  • windows下如何用phpstorm同步测试服务器
  • 翻译--Thinking in React
  • 手写双向链表LinkedList的几个常用功能
  • 探索 JS 中的模块化
  • 腾讯优测优分享 | 你是否体验过Android手机插入耳机后仍外放的尴尬？
  • 用mpvue开发微信小程序
  • 用Python写一份独特的元宵节祝福
  • Java性能优化之JVM GC（垃圾回收机制）
  • 如何用纯 CSS 创作一个菱形 loader 动画
  • ​ ​Redis（五）主从复制：主从模式介绍、配置、拓扑（一主一从结构、一主多从结构、树形主从结构）、原理（复制过程、​​​​​​​数据同步psync）、总结
  • ​【已解决】npm install​卡主不动的情况
  • ​水经微图Web1.5.0版即将上线
  • #调用传感器数据_Flink使用函数之监控传感器温度上升提醒
  • (17)Hive ——MR任务的map与reduce个数由什么决定？
  • （7）svelte 教程： Props(属性)
  • (vue)页面文件上传获取:action地址
  • （安卓）跳转应用市场APP详情页的方式
  • （独孤九剑）--文件系统
  • （附表设计）不是我吹！超级全面的权限系统设计方案面世了
  • (附源码)计算机毕业设计ssm基于B_S的汽车售后服务管理系统
  • （论文阅读30/100）Convolutional Pose Machines
  • （三十）Flask之wtforms库【剖析源码上篇】
  • （十）T检验-第一部分
  • （数据大屏）（Hadoop）基于SSM框架的学院校友管理系统的设计与实现+文档
  • （一）RocketＭＱ初步认识
  • （译）2019年前端性能优化清单 — 下篇
  • (转)Linux NTP配置详解 (Network Time Protocol)
  • (转)用.Net的File控件上传文件的解决方案
  • (转载)虚函数剖析
  • *++p：p先自＋，然后*p，最终为3 ++*p：先*p，即arr[0]=1，然后再++，最终为2 *p++：值为arr[0],即1，该语句执行完毕后，p指向arr[1]
  • *setTimeout实现text输入在用户停顿时才调用事件！*
  • .apk 成为历史！
  • .mat 文件的加载与创建 矩阵变图像？ ∈ Matlab 使用笔记