CSS阶段总结

时间：2023-03-30 15:02:52 CSS

CSS布局左右布局和左中右布局方法：给子元素设置浮动，然后在其父元素上使用clearfix类清除浮动。代码示例：html部分：a

CSS部分：.child{float:left;}.clearfix::after{display:block;内容：'';clear:both;}水平居中的子元素是内联元素，单块shape和多级块元素的布局方案不同，具体总结如下：内联元素：为父级设置text-align:center元素;单个块元素：为子元素设置margin:0auto；多块元素：有三种方式a．所有子元素设置为display:inline-block;，父元素设置为text-align:center;b.flex布局，父元素显示：flex；证明内容：居中；C。如果是多行，每行居中，子元素直接设置margin:0auto；垂直居中的子元素对于单行内联、多行内联和块元素有不同的布局方案。height等于height多行内联元素：父元素设置：display:table-cell;垂直对齐：中间；块元素：1、固定高度的块级元素：通过绝对定位将元素定位到距离顶部50%的位置，设置margin-top为向上偏移元素高度的一半2、未知高度的块级元素：使用CSS3中的`transform`属性将Y轴反向偏移50%来实现一些技巧。合理使用伪元素a标签去掉默认样式中可以设置color继承父元素a{color:inherit;}合理使用max-width属性

上一篇：15个简单的JS编码标准，让你的代码更简洁！

下一篇：HTML表格布局

CSS阶段总结相关文章