前言
本文主要介绍H5新增内容以及CSS3中的新特性。在H5方面主要介绍拓展了哪些内容，CSS3方面介绍动画及转换。
2024年11月27日
relative或absolute
马克-to-win：如何放置绝对正中的位置。项目心得：正常来讲，div绝对定位默认的是以body标签为参照，而且无论你的绝对定位的div外面有几层父div，但是当你把其中一个父div设置成position:relative;那么被绝对定位的div就会以这个div为参照。比如项目中 index.html中的mysubtop1这个div就必须设成relative，它里面的div才会以它为参照系。
例 1.4.1
2024年11月27日
很多前端小伙伴都知道关于页面动画时候，transform 性能好。
但是为什么 transform 性能好，认知可能停留在这些信息上：
1、transform 不会引起回流与重绘
2、transform 会进行 GPU 加速
没了……
上面的答案是对的，但不够深入，我们现在进行更详细的说明，让你了解的更加透彻。
2024年11月27日
position:
position属性取值：static(默认)、relative、absolute、fixed、inherit、sticky。
2024年11月27日
在 html 页面的css样式中，如果将 position 属性的值设置为 fixed，那就表示其元素的位置相当于显示设备的可视区域进行定位，而今天在调试此属性时，却发生了一件奇怪的事件。
失效代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
body{
height: 150%;
width: 100%;
transform: translate(0, 0);
}
div{
position: fixed;
left: 50%;
top: 50%;
width: 100px;
height: 200px;
margin: -100px 0 0 -50px;
background-color: brown;
}
</style>
<body>
<div></div>
</body>
</html>
2024年11月27日
CSS position属性中absolute和relative很容易让人弄混，基本的概念什么着，你去参考W3C，就不啰嗦了
--------------------------------------------------------------------------------------------------------------------------------------------
1. static 默认值。没有定位，元素出现在正常流中（忽略top，bottom，left，right或者z-index声明）