摘要: Web链接外部样式表 知识点整理笔记 一、CSS三种引入方式回顾 1. 行内样式(内联样式):写在标签 style 属性里 2. 内部样式(内嵌样式):写在 里的 标签中 3. 外部样式(外联样式):单独创建 .css 文件,用 标签引入 企业开发首选:外部样式表 二、外部样式表引入语法 在 HTM 阅读全文
posted @ 2026-06-30 09:29 格赫罗斯 阅读(11) 评论(0) 推荐(0)
摘要: Flex弹性布局实现等宽排列知识点笔记 一、实现子元素等宽排布的核心属性 要让一行内多个盒子自动平分父容器宽度、宽度完全相等,主要依靠两个属性配合: 1. flex: 1; (写在子元素上,核心) 2. 父容器开启 display: flex; 二、flex属性详解 flex 是复合属性,完整语法: 阅读全文
posted @ 2026-06-30 09:26 格赫罗斯 阅读(13) 评论(0) 推荐(0)
摘要: Web CSS 圆形制作完整知识点笔记(零基础版) 一、核心原理(必考) 圆形本质 CSS 画圆只靠一个属性: border-radius: 圆角值; 正方形 + border-radius: 50% → 正圆 长方形 + border-radius: 50% → 椭圆 底层原理 border-ra 阅读全文
posted @ 2026-06-30 09:21 格赫罗斯 阅读(12) 评论(0) 推荐(0)
摘要: 一、表格布局 table(传统布局) 表格全套标签结构 html <table> <!-- 表格整体容器 --> <caption>表格标题</caption> <thead> <!-- 表头区域 --> <tr> <!-- table row 行 --> <th>表头单元格</th> <!-- 加 阅读全文
posted @ 2026-06-30 09:12 格赫罗斯 阅读(9) 评论(0) 推荐(0)
摘要: 一、Flex布局基础前置知识 核心轴线定义 开启 display: flex 的容器为弹性容器,容器内子元素为弹性项,布局存在两条核心轴线: 1. 主轴(main axis):弹性项默认排列的方向,默认水平从左到右 2. 交叉轴(cross axis):与主轴垂直的方向,默认垂直从上到下 关键属性区 阅读全文
posted @ 2026-06-30 09:01 格赫罗斯 阅读(6) 评论(0) 推荐(0)
摘要: 区块标签(布局核心) - <div> :大盒子,块级,独占一行,页面布局主力 ​ <s- pan> :小行内盒子,行内,不换行,用来修饰局部文字 CSS:层叠样式表,用来美化 HTML 标签。 语法格式: 选择器 { 属性: 属性值; 属性: 属性值; } CSS 三种引入方式 (1)行内样式(写在 阅读全文
posted @ 2026-05-29 15:48 格赫罗斯 阅读(11) 评论(0) 推荐(0)
摘要: 表格标签 table 结构: table (表格) > tr (行) > td (单元格) <table border="1"> <!-- border 边框 --> <tr> <td>单元格1</td> <td>单元格2</td> </tr> </table> 表单标签(收集用户数据) 用于登录、 阅读全文
posted @ 2026-05-29 15:38 格赫罗斯 阅读(15) 评论(0) 推荐(0)
摘要: 超链接 - href :跳转地址(网址/本地文件) ​ - target="_blank" :新标签页打开(默认当前页跳转) <a href="https://www.baidu.com" target="_blank">百度</a> <!-- 空链接:# --> <a href="#">空链接</ 阅读全文
posted @ 2026-05-29 15:34 格赫罗斯 阅读(10) 评论(0) 推荐(0)
摘要: HTML:超文本标记语言,由标签组成,标签大多成对出现: <开始标签>内容</结束标签> 。 文件后缀: .html / .htm <!DOCTYPE html> <!-- 文档声明:告诉浏览器使用HTML5解析 --> <html lang="zh-CN"> <!-- 根标签,整个页面所有内容都写 阅读全文
posted @ 2026-05-29 15:25 格赫罗斯 阅读(9) 评论(0) 推荐(0)
摘要: 常用基础标签 (1)标题标签 h1~h6 共6级, h1 最大, h6 最小,独占一行(块级标签) <h1>一级标题</h1> <h2>二级标题</h2> (2)段落标签 包裹一段文字,自带上下间距,块级标签 <p>这是一段正文内容</p> (3)换行 & 空格 - 换行: <br> (单标签,无结 阅读全文
posted @ 2026-05-20 08:09 格赫罗斯 阅读(13) 评论(0) 推荐(0)