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 · 89 阅读 · 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 · 96 阅读 · 0 评论 -
css居中等问题搜集
定位方式postion:absolute(相对于父元素)、fixed(相对于浏览器窗口)、relative(相对于其正常位置定位)、static、inheritmargin重叠:在规范文档中,2个或以上的块级盒模型相邻的垂直margin会重叠。最终的margin值计算方法如下:a、全部都为正值,取最大者;b、不全是正值,则都取绝对值,然后用正值减去最大值;c、没有正值,则都取绝对值,然后用0减去最大值。BFC:(1) 内部的Box会在垂直方向,一个接一个地放置。(2)Box垂直方向的距离由原创 2020-07-27 22:49:58 · 77 阅读 · 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 · 110 阅读 · 0 评论