97 字 1 分钟

# HTML 换行和水平线标签 # 换行标签 1<br> 让文字强制换行显示 特点 : 单标签 让文字强制换行 # 水平线标签 1<hr> 分割不同主题内容的水平线 特点 : 单标签 在页面中显示一条水平线
284 字 1 分钟

# HTML 标题和段落 # 标题标签 123456<h1>1级标题</h1><h2>2级标题</h2><h3>3级标题</h3><h4>4级标题</h4><h5>5级标题</h5><h6>6级标题</h6> 1~6 级标题，重要程度依次递减 只有 1 到 6,...
88 字 1 分钟

# HTML 文本格式化标签 # 文本格式化标签的介绍 标签 说明 b 加粗 u 下划线 i 倾斜 s 删除线 下面的标签实现的效果一样，但起强调作用 标签 说明 strong 加粗 ins 下划线 em 倾斜 del 删除线
521 字 1 分钟

# HTML 图片的使用 # 图片标签的介绍 123<img src = "" alt = ""><!-- src : 属性名 --><!-- alt : 替换文本 --> 特点 : 单标签 img 标签需要展示对应的效果，需要借助标签的属性进行设置 注意点 : 标签的属性写在开始标签内部 标签上可以同时存在多个属性 属性之间以空格隔开 标签名与属性之间必须以空格隔开 属性之间没有顺序之分 # 图片标签的 src 属性 src...
5.2k 字 5 分钟

# CSS 浮动 # 浮动的作用 早期的作用 : 图文环绕 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浮动图文环绕实线</title> <style> img { float: left; }...
1.1k 字 1 分钟

# CSS 定位 # 定位组成 定位：将盒子定在某一个位置，所以定位也是在拜访盒子，按照定位的方式移动盒子 # 定位模式 定位模式决定元素的定位方式，它通过 CSS 的 position 属性来设置，其值可以分为四个 : 值 语义 static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 # 边偏移 边偏移就是定位到盒子移动到最终位置，有 top, left, bottom, right 四个属性 边偏移属性 示例 描述 top top:...
1.7k 字 2 分钟

# CSS 结构伪类 # 伪类选择器 作用与优势 : 作用：根据元素在 HTML 中的结构关系查找元素 优势：减少对于 HTML 中类的依赖，有利于保持代码整洁 场景：常用于查找某父级选择器中的子元素 选择器 选择器 说明 E:first-child{} 匹配父元素中第一个子元素，并且是 E 元素 E:last-child{} 匹配父元素中最后一个子元素，并且是 E 元素 E:nth-child(n){} 匹配父元素中第 n 个元素，并且是 E 元素 E:nth-last-child(n){} 匹配父元素中倒数第 n 个子元素，并且是 E 元素 n 的注意点 : n 为 :...
4.6k 字 4 分钟

# CSS 盒子模型 # 盒子模型介绍 盒子模型的概念 : 页面中的每一个标签，都可以看作是一个 “盒子”, 通过盒子的视角更方便的进行布局 浏览器在渲染 (显示) 网页时，会将网页中的元素看作是一个个的矩形区域，我们也形象的称之为盒子 盒子模型 CSS 中规定每个盒子分别由 : 内容区域 (content), 内边距区域 (padding), 边框区域 (border), 外边距区域 (margin) 构成，这就是盒子模型 记忆：可以联想现实中的包装盒 123456789101112131415161718192021<!DOCTYPE...
137 字 1 分钟

# CSS 标准流 目标：能够认识到标准流的默认排布方式及其特点 标准流：又称文档流，是浏览器在渲染显示网页内容是默认采用的一套排版规则，规定了应该以何种方式排列元素 常见标准流排版规则 : 块级元素：从上到下，垂直布局，独占一行 行内元素 或行内块元素：从左往右，水平布局，空间不够自动换行
5.3k 字 5 分钟

# CSS 选择器进阶 # 后代选择器：空格 作用：根据 HTML 标签的嵌套关系，选择父元素后代中满足条件的元素 选择器语法：选择器 1 选择器 2 (css) 这里的选择器可以是类，id, 标签选择器 结果 : 在选择器 1 所找到标签的后代 (儿子，孙子，重孙子…) 中，找到满足选择器 2 的标签，设置样式 注意点...