- 博客(5)
- 收藏
- 关注
原创 CSS文档流与浮动布局超全知识点详解(新手必看)
标准文档流(普通流)是网页元素默认的排列规则,浏览器会按照HTML标签书写顺序,自动排列所有元素,是网页最基础的布局模式。所有默认状态下的标签,都遵循这套规则。标准文档流两大核心排列规律:1、块级元素独占一行:div、p、h1-h6、ul、li等块级标签,默认独自占满整行宽度,自上而下垂直排列,无法和其他元素并排。2、行内/行内块元素横向排列:span、a、input、img等标签,默认从左到右横向排列,一行排满后自动换行,不会独占整行空间。
2026-05-22 09:34:59
347
原创 CSS盒子层叠与定位核心知识点分享
默认顺序无法满足个性化布局需求时,可通过z-index手动调整盒子层级,这是层叠布局的关键属性。核心知识点如下:① 生效前提:z-index仅对开启定位(relative/absolute/fixed)的元素生效,静态定位元素设置无效;② 取值规则:支持整数(正数、负数、0),数值越大,层级越高,元素越靠上;数值越小层级越低,会被高层级元素遮挡;③ 基础默认值:所有定位元素默认z-index为0,同层级元素遵循代码书写顺序;
2026-05-22 09:29:09
351
原创 第 3 篇:CSS 入门 —— 给你的网页 “化妆”标题:零基础入门:用 CSS 美化网页,告别纯文字 “裸奔” 页面
<title>美化后的个人介绍</title><style>/* 全局样式:设置页面默认字体和背景 */body {font-family: "微软雅黑", sans-serif;/* 让页面居中 */h1 {p {/* 行高,让文字更易读 */ul, ol {/* 圆角 *//* 阴影效果 */</style>
2026-05-15 08:58:43
31
原创 第 2 篇:HTML 基础入门 —— 网页的 “骨架” 标签详解标题:零基础入门:搞懂 HTML 基础标签,快速搭建网页骨架
上一篇我们学会了用 HBuilderX 写出第一个网页,今天就来拆解网页最核心的 HTML 标签,搞懂这些基础标签,你就能写出任何简单网页的内容结构啦!
2026-05-15 08:56:19
10
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1