1.什么是浮动
浮动是一种布局方式,最初的诞生是为了实现文字环绕图片,后来更多用于标签的同行显示。
2,设置了浮动的元素,会向着指定的方向漂浮,脱离文本流,
层级提高半层,当遇到父元素边缘或同样设置了浮动属性的元素停止,当一行放不下时会自动换行,
居中:
-
块标签:margin auto;
-
行,内联块:父几设置text-align:center;
-
父级弹性盒子
-
定位居中
-
margin:auto;position:absolute;left:0…
-
position :absolute ;
-
float:
-
margin :50%;
-
margin:-50%
-
margin:auto;position:absolute;0.。。暴力居中
-
em:相对单位,相对于父级的字体大小决定
-
rem:相对单位,相对于html元素字体大小来决定自身大小。
animation transition
- 相同点:
使标签样式变化以平滑连续的过程显示增强用户体验
- 不同点:
动画-不需要触发机制,过度必须要有触发机制。
过度只有一个过程,动画可以设置多个过程并且可以循环播放
@keyframes