CSS3
文章平均质量分 92
类仁猿
这个作者很懒,什么都没留下…
展开
-
CSS布局—网格布局Grid(一)
CSS网格可以定义由行和列组成的二维布局,然后将元素放置到网格中。有些元素可能只占据网格的一个单元,另一些元素则可能占据多行或多列。网格的大小既可以精确定义,也可以根据自身内容自动计算。你既可以将元素精确地放置到网格某个位置,也可以让其在网格内自动定位,填充划分好的区域。跟 Flexbox 类似,网格布局也是作用于两级的 DOM 结构。设置为 display: grid 的元素成为一个网格容器(grid container)。它的子元素则变成网格元素(grid items)。基础网页布局<.原创 2021-08-09 14:28:58 · 2688 阅读 · 3 评论 -
CSS垂直居中指南
1、可以用一个自然高度的容器吗?给容器加上相等的上下内边距让内容居中。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ /* 关键样式 */ padding: 4em;原创 2021-08-08 20:17:25 · 181 阅读 · 0 评论 -
CSS中使用定义在html属性中的变量基础
--name:value 方式在html标签属性style中定义变量名和变量值,形式如 --name:value在css中使用var(--name)<div class="box" style="--top:200px;--left:100"></div><style>.box { width: 200px; height: 200px; background: #ccc; position: absolute; top: var(--原创 2021-08-02 16:32:45 · 1925 阅读 · 0 评论