标签
<!-- 高亮 mark -->
<!-- 摘要概述 -->
<details>
<summary>
咖啡
</summary>
<ul>
<li>拿铁</li>
<li>美式</li>
</ul>
</details>
<!--进度条-->
<meter min="0" max="100" value="80"></meter>
<br>
<progress min="0" max="100" value="80"></progress>
属性 ：
<!-- contenteditable="true" 把标签变成不可编辑属性-->
<!-- 隐藏 类型display:none 不占位 -->
placeholder="输入邮箱" 提示
<!-- multiple 下拉框多选 -->
<!-- novalidate 提交时无需验证-->
<!-- required 提交时验证必须填写 -->
<!-- validate 验证>
<!-- 只读 disbale不可选颜色变浅;readonly 可选但不可写样式不变-->
<!-- 自动焦点 autofocus -->文章来源：https://www.toymoban.com/news/detail-682255.html
<!--pattern 正则表达式 -->文章来源地址https://www.toymoban.com/news/detail-682255.html
到了这里，关于html5和css3的新特性的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[HTML]Web前端开发技术9（HTML5、CSS3、JavaScript ）——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/777294-1.png)
![[HTML]Web前端开发技术7（HTML5、CSS3、JavaScript ）CSS的定位机制——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/755631-1.png)
![[HTML]Web前端开发技术26（HTML5、CSS3、JavaScript ）JavaScript基础——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/828994-1.png)
![[HTML]Web前端开发技术5.2（HTML5、CSS3、JavaScript ）CSS基础，decoration，selector，properties，Cascading——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/751717-1.png)
![[HTML]Web前端开发技术8（HTML5、CSS3、JavaScript ）CSS样式属性,withborder,italic | oblique,indent,padding,——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/755873-1.png)
![[HTML]Web前端开发技术6（HTML5、CSS3、JavaScript ）DIV与SPAN，盒模型，Overflow——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/756611-1.png)
