CSS3学习中的一些细节（4），如有错误欢迎指正--- theme: juejin --- 转换transform的对象

转换transform的对象必须是块级或行内块元素，行内元素不可以旋转；
旋转时，一般先要通过平移将旋转轴居于旋转体的中心；
盒子之间加条线的方法：
- 盒子加上1px的边框，这样得到的边框的高度和盒子高一样；
- 盒子之间再加入一个1px宽的盒子，设置背景颜色即可，这样得到的中间线高度可以设置高度和位置；
固定定位以屏幕显示区域为参考，需要限定好宽度；粘性定位则不需要限定宽度，可以根据子盒子的大小来自动调整；
给父盒子设置flex布局只对亲儿子有效，亲儿子里面的盒子不再继承这种布局方式；
只有块级元素才能添加外边距auto进行居中，行内和行内块元素都不能添加；
CSS中的属性翻译为property，HTML中的属性翻译为attribute；
设计响应式布局时，不一定全部单位都用rem，对字体大小使用rem的同时对其他元素多使用em，这样做不仅能够实现响应式布局，还可以方便实现对元素整体的修改；
CSS3中的过渡效果在样式的声明改变之后才进行，可以理解为若盒子的宽度增大100px，将直接先修改盒子的宽度，再执行过渡效果，因此在利用js控制DOM CSS时，要注意时间顺序；
一般来说，要想对网页中某个元素同时添加多个样式可以对该元素添加一个类名，在该类名下声明多条希望的样式，这样可以避免逐一添加行内样式带来的多次重新渲染问题。同样的，若想对多个元素统一添加样式，可以对这些元素的父元素添加一个新的类名，并在样式表中用子代选择器选中该父元素新类名下希望被选中的元素；