自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 零基础入门:用HBuilderX快速编写并运行第一个网页

如何制作网页

2026-03-08 13:47:08 69 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除