运维开发玄德公

CSS基础-13-垂直导航栏（详细创建过程）

摘要：文章目录前言1. 最简导航栏2 添加鼠标改变背景色3 给首页添加颜色4 加边框4.1 思路4.2 实际代码 5 全屏高度固定导航条5.1 思路5.2 实际代码前言一步一步做出一个完整的导航栏 1. 最简导航栏 <!DOCTYPE html> <html> <head> <meta charse 阅读全文

posted @ 2022-04-26 22:42 运维开发玄德公阅读(94) 评论(0) 推荐(0)

CSS基础-12-伪类和伪元素-01-伪类（常见伪类选择器、动态伪类选择器、UI元素状态伪类选择器、结构伪类选择器，anchor伪类示例，first-child伪类示例、lang伪类示例）

摘要：文章目录 1. 伪类1.1 概念1.2 常见伪类选择器动态伪类选择器UI 元素状态伪类选择器结构伪类选择器 2. anchor伪类2.1 链接样式2.2 下划线2.3 背景颜色 3. first-child 伪类3.1 匹配第一个 p 元素3.2 匹配所有< p > 元素中的第一个 < i > 元素阅读全文

posted @ 2022-04-25 22:49 运维开发玄德公阅读(110) 评论(0) 推荐(0)

CSS基础-11-组合选择符（后代选择器，子元素选择器＞，相邻兄弟选择器 +，后续兄弟选择器 ~）

摘要：文章目录 1. 后代选择器2. 子元素选择器3. 相邻兄弟选择器4. 后续兄弟选择器选择器分隔示例后代选择器空格div p子元素选择器>div > p相邻兄弟选择器+div + p普通兄弟选择器～div ~ p 1. 后代选择器表现本div内，直接或间接下级p都会影响。实现 div p { b 阅读全文

posted @ 2022-04-25 22:48 运维开发玄德公阅读(48) 评论(0) 推荐(0)

CSS基础-10-光标、控制元素内容溢出控制

摘要：文章目录 1. 光标2. 元素内容溢出 1. 光标 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>蜀</title> </head> <body> <p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p> <span s 阅读全文

posted @ 2022-04-24 11:00 运维开发玄德公阅读(15) 评论(0) 推荐(0)

CSS基础-09-布局（定位 position、浮动float，元素对其、图像对其、文本对齐、元素内内容对齐，元素堆叠）

摘要：文章目录 1 定位（position）1.1 static 定位1.2 fixed 定位1.3 relative 定位1.4 absolute 定位1.5 sticky 定位 2. 浮动（float:）2.1 简单使用2.2 相邻元素的浮动2.3 清除浮动 clear2.4 示例-首字浮动2.5 阅读全文

posted @ 2022-04-24 11:00 运维开发玄德公阅读(88) 评论(0) 推荐(0)

CSS基础-08-Display（隐藏元素 display:none，内联元素转块元素 display:inline，块元素 → 内联元素 display:block）

摘要：文章目录 1. 隐藏元素（display:none）1.1 Display1.2 和 Visibility比较 2. 内联元素→ 块元素（display:inline）3. 块元素 → 内联元素（display:block） 1. 隐藏元素（display:none） 1.1 Display 阅读全文

posted @ 2022-04-12 20:47 运维开发玄德公阅读(84) 评论(0) 推荐(0)

CSS基础-06-元素大小和（设置元素尺寸height/width、最大值max-height max-width、最小值min-height min-width、设置行间距 line-height）

摘要：文章目录 1. 设置元素尺寸（height/width）语法示例完整示例 2. 最大值、最小值（max-height|width、min-height|width）语法示例完整示例（最大值限制）完整示例（最小值限制） 3. 设置行间距（line-height）语法示例完整示例 1. 设置元素尺寸（h 阅读全文

posted @ 2022-04-12 20:46 运维开发玄德公阅读(112) 评论(0) 推荐(0)

golong实现邮件发送

摘要： # 1. 发送邮件包 ```go package myMail import ( "crypto/tls" "fmt" "github.com/go-admin-team/go-admin-core/sdk/config" ext "go-admin/config" "net/smtp" "stri 阅读全文

posted @ 2022-04-09 17:31 运维开发玄德公阅读(24) 评论(0) 推荐(0)

CSS基础-07-盒子模型和轮廓（外边距 margin，边框border，内边距 padding，轮廓 outline）

摘要：文章目录 1. 盒子模型1.1 盒子模型简介1.1.1 概述1.1.2 示例 1.2 margin1.2.1 margin 属性1.2.2 margin相关属性margin-leftmargin-rightmargin-topmargin-bottom 1.3 padding1.3.1 paddin 阅读全文

posted @ 2022-04-07 19:56 运维开发玄德公阅读(66) 评论(0) 推荐(0)

CSS基础-05-表格（表格边框、折叠边框 border-collapse、水平对齐 text-align、垂直对齐 vertical-align 、表格填充 padding）

摘要：文章目录 1. 边框（border）1.1 添加边框语法示例完整示例示例（table 边框）示例（th边框）示例（td 边框） 1.2 折叠边框（border-collapse）语法示例完整示例 2. 高度和宽度（width/height）语法示例完整示例示例（表头高度设置为百分比） 3. 对齐3. 阅读全文

posted @ 2022-04-07 19:56 运维开发玄德公阅读(179) 评论(0) 推荐(0)