2022年4月1日
CSS学习--多列布局
摘要： 多列布局 Multi-column Layout body{ width: 100%; height: 100%; margin: 0; } header{ width: 100%; height: 30vh; background-color: powderblue; } #content{ wi 阅读全文
posted @ 2022-04-01 09:46 ~LemonWater 阅读(145) 评论(0) 推荐(0)
CSS学习--定位(position)
摘要： position 指定一个元素在文档中的定位方式。top，right，bottom 和 left 属性则决定了该元素的最终位置。 position: static | relative | absolute | fixed | sticky; static 静态定位，正常流布局。· 此时top，ri 阅读全文
posted @ 2022-04-01 09:25 ~LemonWater 阅读(134) 评论(0) 推荐(0)
CSS学习--函数
摘要： 函数 calc() calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； calc()函数支持 "+", "-", "", "/" 运算 #div1{ position: relative; width: cal 阅读全文
posted @ 2022-04-01 09:20 ~LemonWater 阅读(110) 评论(0) 推荐(0)
CSS学习--Flex布局
摘要： flex布局 注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 display: flex; display: -webkit-flex; /* Safari */ display: inline-flex 扩展 flex & margin 实 阅读全文
posted @ 2022-04-01 09:08 ~LemonWater 阅读(113) 评论(0) 推荐(0)