-
Web 前端基础操作小结
🤵 Author ：Horizon Max
✨ 编程技巧篇：各种操作小结
🎇 机器视觉篇：会变魔术 OpenCV
💥 深度学习篇：简单入门 PyTorch
🏆 神经网络篇：经典网络模型
💻 算法篇：再忙也别忘了 LeetCode
🚀 HTML
🎨 HTML 认知
🚩 排版标签
- 🔱 标题：
标题
- 🔱 段落：
段落
- 🔱 换行：
- 🔱 水平线：
🚩 文本格式化标签
- 🔱 加粗：
- 🔱 倾斜：
- 🔱 下划线：
- 🔱 删除线：
删除线
🚩 媒体标签
- 🔱 图片：
- 🔱 路径：
" "同级、"./ "下级、"../ "上级 - 🔱 音频：
- 🔱 视频：
🚩 链接标签
🎨 HTML 基础
🚩 列表标签
- 🔱 无序列表：
- 无序列表
- 🔱 有序列表：
- 无序列表
- 🔱 自定义列表：
-
自定义列表表头
- 自定义列表内容
注：
去掉列表符号：list-style: none;
🚩 表格标签
- 🔱 表格基础：
表格标题 表头 表格内容 -
🔱 结构标签：
-
🔱 合并单元格：
🚩 表单标签
-
🔱 imput 标签：
文本框：
密码框：
单选框：
多选框：
文件选择：
提交按钮：
重置按钮：
普通按钮： -
🔱 button 标签：
提交按钮：
重置按钮：
普通按钮： -
🔱 select 标签：
-
🔱 textarea 标签：
-
🔱 label 标签：
🚩 语义化标签
-
🔱 无语义标签：
-
🔱 有语义标签：
网页导航
网页底部
网页侧边栏
🚩 字符实体
- 🔱 空格：
🚀 CSS
🎨 CSS 基础
-
内部链接：
-
外部链接：
🚩 选择器
- 🔱 标签选择器：
标签名 {css属性名:属性值; } - 🔱 类选择器：
.类名 {css属性名:属性值; }+标签内 class="类名" - 🔱 id选择器：
#id属性值 {css属性名:属性值; }+标签内 id="id属性值" - 🔱 通配符选择器：
* {css属性名:属性值; }
🚩 字体和文本样式
-
🔱 字体样式：
font-size字体大小
font-weight字体粗细
font-style字体样式
font-family字体类型 -
🔱 文本样式：
text-indent文本缩进 2em
text-align内容水平对齐方式 left、center、right
text-decoration文本修饰 underline、line-through、overline、none -
🔱 行高：
line-height -
🔱 字体大小和行高连写：
font:size/line-height -
🔱 标签居中：
margin:0 auto;
🚩 Chrome 调试工具
- 🔱 快捷键：
F12orFn+F12
🎨 CSS 进阶
🚩 选择器
-
🔱 复合选择器：
后代选择器：选择器1 选择器2 {css}
子代选择器：选择器1>选择器2 {css} -
🔱 并集选择器：
选择器1, 选择器2 {css} -
🔱 交集选择器：
标签选择器 类选择器 {css}：p.box{css} -
🔱 hover伪类选择器：
选择器:hover {css}
🚩 背景属性
-
🔱 背景颜色：
background-color#orrgba() -
🔱 背景图片：
background-image: url(' '); -
🔱 背景平铺：
background-repeat: 值
repeat水平和垂直方向都平铺
no-repeat不平铺
repeat-x水平方向平铺
repeat-y垂直方向平铺 -
🔱 背景位置：
background-position: 水平方向位置 垂直方向位置 -
🔱 背景相关属性连写：
background: color image repeat position
🚩 显示模式
- 🔱 块：
- 🔱 标题：