新特性（一）HTML5和CSS3新特性 - 码农知识堂 - 文章详情页

新特性（一）HTML5和CSS3新特性
文章目录
一、HTML新增的属性

IE9+以上版本的浏览器才能使用。

1.1HTML5新增的语义化标签

没有语义
HTML5新增的标签
```
  header, nav{
            height: 120px;
            background: pink;
            margin: 15px auto;
            border-radius: 15px;
            width: 800px;
        }
        section{
            width: 500px;
            height: 500px;
            background: skyblue;
        }
    </style>
</head>
<body>
    <header>头部标签</header>
    <nav>导航栏标签</nav>
    <section>某个区域</section>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
```
1.2.HTML5新增的多媒体标签

1.音频：<audio>
2.视频：<video>，尽量使用MP4格式

 1.3HTML5新增的input类型

 1.4HTML5新增的表单属性

 二、CSS3新特性

 2.1CSS3的现状
- 新增的CSS3特性有兼容性问题，ie9+才支持
  CSS3新增选择器
2.2属性选择器

 2.3结构伪类选择器

根据文档结构

 2.3结构伪类选择器
- n可以是数字，关键字和公式
- n如果是数字，就是选择第几个子元素，从1开始
- n可以是关键字：even偶数，odd奇数
2.4伪元素选择器（重点）

伪元素选择器可以用CSS创建新标签

 2.5CSS3盒子模型

如果盒子模型我们改为了box-sizing:border-box,那padding和border就不会撑大盒子了

 2.6CSS3其他特性（了解）

CSS3滤镜filter:

2.7CSS3过渡❤️❤️❤️

经常和：hover一起使用

如果想要写多个属性，用逗号分割
相关阅读:
Clickhouse分布式表式对本地表的对比
 【Vue】Vue对接SpringBoot接口完整代码
 认识thinkphp框架
 【Python零基础入门篇 · 3】:掌握数值类型、进制的转换
 SVG鼠标漫游
 【深度学习】 Python 和 NumPy 系列教程（十五）：Matplotlib详解：2、3d绘图类型（1）：线框图（Wireframe Plot）
大数据技术基础实验十一：Hive实验——Hive分区
 【论文极速读】IMAGEBIND —— 通过图片作为桥梁桥联多模态语义
 2023年国自然植物科学相关面上项目信息公布（小麦、大麦、棉花、大豆、玉米）
【560. 和为 K 的子数组】
原文地址：https://blog.csdn.net/qq_52986400/article/details/125627706