10.22--每日总结
今天的学习重点聚焦前端基础,我使用 HTML + CSS 独立完成了简约个人主页界面的搭建,完整体验了前端页面从无到有的制作过程,收获满满。
在 HTML 结构编写中,我按照页面布局逻辑,划分出导航栏、个人简介区域、内容板块和页脚等核心结构,学会了合理使用语义化标签,让页面结构清晰、层级分明,不再是杂乱的标签堆砌,培养了规范化的页面搭建思维。
CSS 美化环节是今天的核心学习内容。我通过基础样式设置,统一了页面字体、颜色、边距和背景样式;利用 Flex 布局完成板块的水平、垂直居中排版,解决了页面元素错乱、对齐不整齐的常见问题。同时通过圆角、阴影、 hover 悬浮效果,让单调的静态页面变得更加精致、有交互质感,初步实现了简约美观的个人主页视觉效果。
在制作过程中,我也发现了自己的薄弱点:元素边距塌陷、布局适配不熟练、样式优先级混淆等问题。通过不断调试代码、调整参数,我逐一解决了布局错位、样式不生效的问题,对 CSS 布局规则、样式调试技巧有了更直观、深刻的理解。
通过本次个人主页制作,我真正掌握了HTML负责结构、CSS负责样式的前端核心逻辑,摆脱了只会背知识点、不会实操的问题。后续我会继续精进前端布局能力,学习响应式适配,优化页面细节,尝试给主页添加更多动态交互效果,逐步打磨出完整、精致的个人专属主页。
浙公网安备 33010602011771号