摘要：
二、CSS基础知识点 1. CSS三种引入方式 行内样式：标签内通过 style 属性直接写样式； 内部样式：在 中通过 标签书写样式； 外部样式：通过 引入独立的 .css 样式文件（项目最常用）。 2. 基础选择器与权重 三大基础选择器：标签选择器、类选择器（.类名）、id选择器（#id名）； 阅读全文
posted @ 2026-07-09 08:38
魏zx
阅读(6)
评论(0)
推荐(0)
摘要：
一、单行文本垂直居中 —— 行高法（line-height） 1. 适用场景 只适用于单行文本、盒子高度固定的情况。 2. 核心原理 设置 line-height = 盒子 height，文本自动垂直居中。 3. 代码示例 .box { width: 200px; height: 60px; lin 阅读全文
posted @ 2026-07-09 08:25
魏zx
阅读(15)
评论(0)
推荐(0)
摘要：
一、布局的原则 先分大块，再分小块；先横再竖 二、几个1→n的问题 1.文本折叠 （1）单行折叠 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; （2）多行折叠 display: -webkit-box; -webkit 阅读全文
posted @ 2026-07-09 08:20
魏zx
阅读(4)
评论(0)
推荐(0)
摘要：
一、多行多列布局简介 多行多列布局就是把网页内容整齐分成多列、多行排列，实现图文列表、商品展示、导航排版等整齐页面效果。 Web 中实现多行多列主要有三种方式：表格布局、浮动布局、Flex 布局。 二、表格实现多行多列（传统布局） 核心标签 table：表格整体 tr：行 td：单元格（列） 特点 阅读全文
posted @ 2026-07-09 08:16
魏zx
阅读(9)
评论(0)
推荐(0)
摘要：
一、表单作用 表单（form）用于收集用户信息，例如账号、密码、单选、多选、留言等，是网页与用户交互的核心。 二、form 表单域标签 常用属性 action：提交数据的后台地址 method：提交方式（get /post） get：参数显示在地址栏，数据小 post：参数隐藏，安全性高，可传大文件 阅读全文
posted @ 2026-07-09 08:13
魏zx
阅读(6)
评论(0)
推荐(0)
摘要：
一、定位简介 CSS 的 position 定位可以改变元素的显示位置，实现页面叠加、悬浮、固定布局，分为四种定位方式，配合层级属性可以实现层叠效果。 二、四种定位方式 静态定位 static 页面默认定位方式 不脱离文档流 不能使用偏移属性和层级 z-index 正常标准流显示，无特殊效果 相对定 阅读全文
posted @ 2026-07-09 08:12
魏zx
阅读(5)
评论(0)
推荐(0)
摘要：
一、基础概念 作用：轻松实现元素居中、排列、均分布局，替代浮动 组成 父容器：弹性容器 子元素：弹性项目 轴线 主轴：默认水平向右 交叉轴：默认垂直向下 二、开启弹性布局 给父盒子添加 css display: flex; 三、主轴对齐方式（justify-content）水平方向 flex-sta 阅读全文
posted @ 2026-07-09 08:08
魏zx
阅读(5)
评论(0)
推荐(0)
摘要：
一、HTML 基础 网页基本骨架 网页标题 网页内容 2. 常用基础标签 标题标签：h1-h6，字号依次减小 段落标签： 换行： 水平线： 加粗： 倾斜： 3. 列表标签 无序列表：ul 里面放 li 有序列表：ol 里面放 li 4. 超链接 链接文字 5. 图片标签 二、表格标签 表格整体：ta 阅读全文
posted @ 2026-07-09 08:04
魏zx
阅读(5)
评论(0)
推荐(0)
摘要：
一、单行文本溢出省略号 必备属性 css /* 1. 强制文字不换行 / white-space: nowrap; / 2. 超出部分隐藏 / overflow: hidden; / 3. 溢出显示省略号 / text-overflow: ellipsis; 二、多行文本溢出省略号（常用 2 行、3 阅读全文
posted @ 2026-07-09 08:01
魏zx
阅读(6)
评论(0)
推荐(0)
摘要：
圆形制作 条件：宽高相等 属性：border-radius: 50% css .box{ width: 100px; height: 100px; background: red; border-radius: 50%; } Flex 平均分布 父盒子加： css display: flex; /* 阅读全文
posted @ 2026-07-09 07:58
魏zx
阅读(6)
评论(0)
推荐(0)
浙公网安备 33010602011771号