提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
- 选择器 属性 过渡 动画 平移 3d空间 边框…
- HTML5新增属性
- CSS3新增
前言
提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。
提示:以下是本篇文章正文内容,下面案例可供参考
一、HTML新增属性
1HTML5新增语义化标签
article
header
nav
aside
footer
<!-- article:常用于日志 一条新闻 -->
<article></article>
<!-- header:头部区域 -->
<header></header>
<nav>
</nav>
<section>对网站内容进行分块</section>
<!-- aside侧边栏 广告 引用 -->
<aside></aside>
<!-- 用来定义底部区域 -->
<footer></footer>
2.多媒体标签
二、CSS3新特性
1.transform: translate(水平移动距离)(1500px)rotate(旋转的度数)(1500deg);
<!DOCTYPE html>
<html>
<head>
<style>
.box{
width: 1200px;
height: 50px;
border-bottom: 3px solid gray;
margin: 200px auto;
}
img{
width: 50px;
transition: all 8s;
}
.box:hover img{
/* 边走边旋转 */
transform: translate(1500px)rotate(1500deg);
/* transform: rotate(360deg) translate(600px); */
}
</style>
</head>
<body>
<div class="box">
<img src="../品优购/images/floor-1-2.png" alt="">
</div>
</body>
</html>
2.CSS3缩放
transform: scale(x轴缩放倍数,y轴缩放倍数);
一般情况下,只为scale设置一个值,表示x轴和ye轴等比例缩放
transform:scale(缩放倍数)
scale值大于1 表示放大 scale值小于1 表示缩小
2.读入数据
代码如下(示例):
该处使用的url网络请求的数据。
总结
提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。