Feynix

立体图形呈现步骤。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

 ![image.png](tos-cn-i-73owjymdk6/


1.额外标签法 在父元素内容的最后添加一个块级元素， 设置CSS属性 clear: both; 2.单伪元素法 .clearfix:after { content: ""; display: bloc

相对定位 relative 不脱标 保持标签原有显示模式 参照自己原来的位置 绝对定位 absolue 脱标 行内块的特点（宽高生效） 参照relative的祖先位置/若无则浏览器可视区域 固定定位

清除图片底的小空格：vertical-align 除了baseline(默认)都可以用.......

1.行内元素/行内块元素居中 2. 行元素居中 3.CSS定位居中 实现步骤： 1.绝对定位 2.水平、垂直边 偏移为50% 3.子级向左上移动自身尺寸的一半 4. flex居中 align-item


1 布局思路：先整体再局部，从外到内，从上到下，从左到右 2.CSS实现思路： 。。。。。。。。。。。。。。。。。。。