CSS 阴影与圆角美化页面卡片
发布时间：2026-09-09 | 分类：前端开发
border-radius 和 box-shadow 是低成本美化网页的利器。不需要图片，仅CSS就能做出柔和圆角卡片、轻微悬浮阴影，提升页面层次感。
阅读全文 →
CSS 选择器基础：标签、类与ID选择器
发布时间：2026-09-09 | 分类：前端开发
CSS选择器用来定位HTML元素，类选择器是项目中最常用的方式。理解选择器优先级，能避免很多样式互相覆盖的疑难bug。
阅读全文 →
CSS Media Query 媒体查询，做移动端适配
发布时间：2026-09-08 | 分类：前端开发
媒体查询可以检测屏幕宽度，在手机端自动修改页面布局。本例中屏幕小于768px时，两栏布局自动变成上下堆叠，导航改为纵向排列。
阅读全文 →
Flex布局：justify-content与align-items详解
发布时间：2026-09-08 | 分类：前端开发
Flex两大核心属性，分别控制主轴与交叉轴对齐。学会这两个属性，水平居中、垂直居中、两端对齐这类布局需求都能轻松实现。
阅读全文 →
HTML语义化标签，提升网页可读性
发布时间：2026-09-08 | 分类：前端开发
header、main、article、footer这类语义标签，代替单纯的div。有利于SEO搜索引擎收录，同时方便屏幕阅读器识别网页结构。
阅读全文 →
box-sizing: border-box 盒子模型讲解
发布时间：2026-09-07 | 分类：前端开发
box-sizing: border-box 是前端开发必备属性。开启后元素的padding、边框不会撑大盒子宽度，写页面布局时尺寸计算更省心，减少很多布局bug。
阅读全文 →
HTML meta标签详解：视口、字符编码配置
发布时间：2026-09-07 | 分类：前端开发
meta标签用于给浏览器和搜索引擎传递页面信息。charset设置编码，viewport是移动端网页正常显示必不可少的配置。
阅读全文 →
CSS 颜色的多种写法：十六进制、rgb、rgba
发布时间：2026-09-07 | 分类：前端开发
网页中设置颜色有多种写法，rgba支持透明通道，常用于半透明遮罩、卡片透明效果，适合做页面美化。
阅读全文 →
CSS 文本样式：行高、字体、文字颜色调整
发布时间：2026-09-07 | 分类：前端开发
line-height行高决定阅读舒适度，合理设置行高可以避免文字拥挤。同时了解网页字体的加载策略，防止出现字体闪烁。
阅读全文 →
静态网页图片优化基础
发布时间：2026-09-07 | 分类：前端开发
图片是网页体积大户，压缩图片、使用合适图片格式、设置width和height属性，可以减少页面加载时间，提升访问速度。
阅读全文 →
第一篇博客：搭建个人静态博客
发布时间：2026-09-07 | 分类：前端开发
今天从零开始写了一个简单的个人博客页面，使用纯 HTML + CSS 实现，不需要数据库，部署非常简单，可以直接上传到静态网站托管平台。
阅读全文 →
鄂公网安备42282302422892号