标签：css - MeowrainのBlog|木更老婆！！！

使用Bootstrap5创建列表组

笔记 CSS

使用Bootstrap5创建列表组创建列表组列表组用于以漂亮的方式显示元素列表，在最基本的形式中，列表组只是一个带有.list-group类的无序列表，且列表中的元素都带有.list-group-item类<!DOCTYPE html><html lang="en&quo

Bootstrap5按钮

笔记 CSS

Bootstrap5按钮使用bootstrap5创建按钮<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta ht

Bootstrap5 列表

笔记 CSS

Bootstrap列表无样式的有序和无序列表list-unstyled<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

Bootstrap5 调整元素之间的距离

笔记 CSS

Bootstrap5 调整元素之间的距离前言：改变元素之间的间距是通过外边距或者内边距来实现的。bootstrap5提供了简写的class名，名称分别以m-开头和p-开头的类调整外边距类名stylem-0margin:0 !importantm-1margin:0.25rem !important

Bootstrap 表格

笔记 CSS

Bootstrap 表格使用Bootstrap创建一个简单的表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

CSS-使用margin属性将元素水平居中

笔记 CSS

CSS变量

笔记 CSS

CSS变量<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com

CSS-position位置-绝对定位和相对定位

笔记 CSS

CSS-position位置-绝对定位和相对定位position: relative 相对定位当元素的定位设置为relative时，它允许你通过CSS指定该元素在当前文档流页面下的相对偏移量。CSS中，控制各个方向偏移量的属性是left,right,top和bottom它们代表从原来位置向远离该方向

CSS-相对单位长度与绝对单位长度

笔记 CSS

CSS-相对单位长度与绝对单位长度相对单位长度相对单位长度，比如 em 和 rem，它们的实际值会依赖其他长度的值而决定。比如 em 的大小基于元素字体的字体大小。如果使用它来设置 font-size 值，它的值会跟随父元素的 font-size 值来改变。em效果展示：绝对单位：参考文章: 【

Grid布局-CSS

笔记 CSS

Grid布局基本概念容器—有容器属性项目—有项目属性容器属性grid-template-columns: ;grid-template-rows: ;grid-row-gap: ;grid-column-gap: ;grid-gap: ; //上面两种的简写grid-template-areas: