CSS
文章平均质量分 79
雪落凡尘zz
这个作者很懒,什么都没留下…
展开
-
css相关
布局 单列布局、两列自适应布局、三栏布局、粘连布局、等高布局、圣杯布局 flex布局 Flex容器:采用Flex布局的元素。所有子元素自动称为项目 .box{ display:flex; } 容器属性 flex-direction:row | row-reverse | column | column-reverse;(主轴排布方向:从左,从右,从上,从下) flex-wrap:nowrap | wrap | wrap-reverse;(不换行、换行第一行在上方、换行第一行在下方) flex-flo原创 2020-12-22 23:45:14 · 98 阅读 · 0 评论 -
css画各种图形
1.三角形 .triangle{ width:0; height:0; border:50px solid transparent; border-left:50px solid red; // border-bottom:50px solid red; } .triangle{ width:0; height:0; border-right:100px solid transparent; border-bottom:100px solid red; } 2.扇原创 2020-08-10 22:41:17 · 109 阅读 · 0 评论 -
css居中等问题搜集
定位方式 postion:absolute(相对于父元素)、fixed(相对于浏览器窗口)、relative(相对于其正常位置定位)、static、inherit margin重叠: 在规范文档中,2个或以上的块级盒模型相邻的垂直margin会重叠。最终的margin值计算方法如下: a、全部都为正值,取最大者; b、不全是正值,则都取绝对值,然后用正值减去最大值; c、没有正值,则都取绝对值,然后用0减去最大值。 BFC: (1) 内部的Box会在垂直方向,一个接一个地放置。 (2)Box垂直方向的距离由原创 2020-07-27 22:49:58 · 93 阅读 · 0 评论 -
css 布局
元素的padding的百分比值是基于其父元素的宽度计算的,如此,设置元素宽度width:25%,元素高度不设定,元素padding-bottom:75%,就可以得到一个高宽比为3:1的盒子。或者,元素的宽高都不设定,设置元素的padding-right: 25%,padding-bottom:75%,也可以得到一个高宽比为3:1的盒子。 width: 100%; position: relative; padding-top: 75%; ...原创 2020-07-26 21:58:09 · 141 阅读 · 0 评论