51工具盒子
css ~ , + >
**A\~B (波浪号)** 选择前面有A元素的所有B标签 为相同父元素中位于A标签后的所有B元素设置样式 两种元素必须拥有相回的父元素，但是B不必真接紧随A出现 **A\>B (大于号)** 是CSS3特有选择器，表示选则A元素的子元素中所有B元素 与AB的区别 A B 选择所有后代元素，但是A\>B 只选择一代 **A，B (逗号)** 同时选择A B 两个...
经验分享
docker 安装Grafana
docker 安装grafana docker-compose.yaml 注意版本： registry.cn-hangzhou.aliyuncs.com/baimeidashu/grafana:11.3.0 10.x 是rpm安装的 
docker 镜像站
docker 镜像源 ，搜集国内的镜像 <https://docker.aityp.com/>
Umami Docker 部署及优化
[Umami](/go/?target=aHR0cHM6Ly91bWFtaS5pcy8%3d) 是一个开源的 Self-hosted 的轻量网站统计分析工具。可替代 Google Analytics、百度统计这些工具。适合个人博客、小型网站使用。 本博客已稳定使用 Umami 两年多。现在正值 Umami 大升级到 2.0 版本。因为是个人网站，统计数据并不是那么重要，索性我...
CSS中字体和文本关键属性值
font-weight 字体粗细 ---------------- | 属性 | 说明 | 对应值 | |---------|---------|-----| | norml | 正常（默认值） | 100 | | lighter | 较细 | 400 | | bold | 较粗 | 700 | | bolder | 很粗 ...
CSS学习笔记：边框样式，列表符号【7/27】
边框样式 ---- ### border-width border-width用于定义边框的宽度，通常是一个像素值。 ### border-style border-style用于定义边框的风格，通常有三种： | 属性 | 说明 | |--------|-----| | none | 无样式 | | dashed | 虚线 | | solid | 实...
CSS学习笔记：表格样式，图片样式【7/27】
表格标题位置 ------ **语法** ：`caption-side:取值;` 默认情况下，表格标题是在表格的顶部，属性为：top，如果想把标题放在底部，属性为：bottom。 如果想要定义表格标题的位置，在table或caption这两个元素的CSS中定义caption-side属性，效果是一样的，一般情况，我们只在table中定义就行。 表格边框合并 ------...
CSS样式表的层叠性
权重比较 ---- 1、对于相同的选择器（比如同样都是类选择器），其样式表排序：行级样式 \> 内嵌样式表 \> 外部样式表（就近原则） 2、对于相同类型的样式表（比如同样都是内部样式表），其选择器排序：ID选择器 \> 类选择器 \> 标签选择器 3、外部样式表的ID选择器 \> 内嵌样式表的标签选择器 计算权重 ---- 
HTML常用标签及属性
HTML页面结构 -------- | 标签 | 描述 | |---------------|----------| | `<!DOCTYPE> ` | 定义文档类型 | | `<html> ` | 定义文档的标题 | | `<body>` | 定义文档的主体 | | `<h...
HTML中CSS浮动布局的特点
1. 浮动元素会脱离标准流（简称：脱标），在标准流中不占位置。 ※ 相当于从地面飘到了空中，如果一个元素按照正常的标准流来显示，会在html中所属的位置上占位，后面的元素会紧跟着它，但是浮动脱离了标准流，以后我们在看到浮动的元素之后，不能以正常的标准流里进行判断。 2. 浮动元素比标准流高半个级别，可以覆盖标准流中的元素。 3. 浮动找浮动，下一个浮动元素会在上一个浮...
