使用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

ES6 Set数据结构


ES6 Set数据结构Set - JavaScript | MDN (mozilla.org)基本语法ES6提供了新的数据结构set,它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个个构造函数,用来生成Set数据结构创建Set 对象const set1 = new Set();初

Javascript Map 数据结构


Javascript Map 对象Map构建方式let fruits = new Map(); //创建空mapfruits.set('meowrain',30);fruits.set('banana',20);console.log(fruits.has("

CSS-线性渐变

笔记  CSS 

CSS-线性渐变HTML 元素的背景色并不局限于单色。 CSS 还为我们提供了颜色渐变。 可通过 background 里的 linear-gradient() 实现线性渐变, 以下是它的语法:background: linear-gradient(gradient_direction, color

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

笔记  CSS 

<style> div { background-color: blue; height: 100px; width: 100px; margin: 0 auto; }</style><div></div>同样的,这个方法也对图

CSS变量

笔记  CSS 

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