px像素。绝对单位，像素px是相对于显示器屏幕分辨率而言的，是一个虚拟单位。是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI。
成都创新互联于2013年成立，先为市中等服务建站，市中等地企业，进行企业商务咨询服务。为市中企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
2、em是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对浏览器的默认字体尺寸。它会继承父级元素的字体大小，因此并不是一个固定的值。
rem是CSS3新增的一个相对单位(root em,根em),使用rem为元素设定字体大小事，仍然是相对大小但相对的只是HTML根元素。
4、区别：IE无法调用那些使用px作为单位的字体大小，而em和rem可以缩放，rem相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器已支持rem。
1.定位
2.尺寸
3.浮动
4.最初的布局——table
5.两栏布局（浮动和定位）
6.三栏布局（flex，圣杯和双飞翼： ）
7.移动端的布局（媒体查询，flex弹性盒子（ ），rem适配（ ））
8.grid布局
摘自：
1.flex方式（适用于居中元素元素宽高未知），但是这种方式仅限于body里面只有一个子元素，如果body里面有多个div不行
2.绝对定位和负边距（适用于居中元素的宽高是固定的）
3.CSS3的transform属性（适用于居中元素元素宽高未知）
4.margin:auto
1.transform
transform属性是静态属性。它其实只是一个静态属性，需要配合transition和animation才能展现出动画效果。你可以把它看成是跟left、top等属性一样，只是一个静态样式而已。它可以让元素偏移、伸缩、变形、旋转等。
2.transition,它属性是一个简单的动画属性，非常简单非常容易用。可以说它是animation的简化版本，是给普通做简单网页特效用的。
3.Animation
实现两种css样式，默认，选中
通过js监听点击事件切换标签的css样式
1.层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 2.在12年这期间前端可是发生了天翻地覆的变化，现在的CSS3是最新的CSS标准，在网页制作中，当下最流行的组合就是h5+css3，CSS3的使用最直接的好处就是页面展示上更加炫酷，表现形式更加多元化，但它的好处远远不止这些。使用CSS3不仅有利于开发与维护，还能提高网站的性能，与此同时还能增加网站的可访问性、可用性，使网站能适配更多的设备，甚至还可以利于SEO优化。
