关于h5/c3/新特性的总结

最新推荐文章于 2023-01-30 16:20:55 发布

给我笑一个

最新推荐文章于 2023-01-30 16:20:55 发布

阅读量439

点赞数

分类专栏： HTML5 CSS3 文章标签： html css

本文链接：https://blog.csdn.net/weixin_49204513/article/details/108091961

版权

这篇博客总结了HTML5中的新标签如header、nav、footer、article、section、aside，以及新增的input type属性如email、tel、url、number等。还介绍了CSS3的选择器、伪类、伪元素，如:first-child、:last-child、:nth-child(n)，以及transition、transform、animation等过渡和动画效果。此外，讨论了多媒体标签、背景缩放、多背景、2D变形等特性，并提到了CSS3在移动端适配的应用。

摘要由CSDN通过智能技术生成

常用新标签
- header：定义文档的页眉头部
- nav：定义导航链接的部分
- footer：定义文档或节的页脚底部
- article：定义文章。
- section：定义文档中的节（section、区段）
- aside：定义其所处内容之外的内容侧边

- datalist   标签定义选项列表。请与 input 元素配合使用该元素
    <input type="text" value="输入明星" list="star"/> <!--  input里面用 list -->
    <datalist id="star">   <!-- datalist 里面用 id  来实现和 input 链接 -->  
                <option>刘德华</option>
                <option>刘若英</option>
    </datalist>

- fieldset 元素可将表单内的相关元素分组，打包      legend 搭配使用
    <fieldset>
                <legend>用户登录</legend>  标题
                用户名: <input type="text"><br /><br />
                密　码: <input type="password">
    </fieldset>

新增的input type属性值：
类型使用示例含义********
email******输入邮箱格式
tel******输入手机号码格式
url******输入url格式
number******输入数字格式
search******搜索框（体现语义化
range******自由拖动滑块
time******小时分钟
date******年月日
datetime******时间
month******月年
week******星期年

常用新属性
属性用法含义********
placeholder******占位符当用户输入的时候里面的文字消失删除所有文字，自动返回
autofocus******规定当