当前位置: 首页 > news >正文

css弹性布局,以及html总结

css中在做导航栏这一部分的时候是真的卡住了,导航栏这一部分很蒙的当时,做到这一部分的时候对于hover的理解不够深刻,在上手实操的时候还是卡壳了。后面通过又做了一个项目,对于导航栏的布局慢慢的熟悉起来了,对于导航栏也有了新的见解,新的认识。因为我学东西都是很缓慢的,需要了解每一个东西基础原理甚至更深层次才能做到熟悉,缓慢的过程有负面情绪也是在所难免的,应该控制住情绪,而不是让情绪一直处于负面。不可能云淡风轻的对待这种情绪的,对于自身情绪要慢慢调节,就像项目也是如此,将时间线拉长,只要你每天有所成效,有所感悟,每天进步一点点那就是一大步。坚持的意义正是延迟满足那种感觉,我相信知识的层面是持久学习而不是短暂学习。在做css弹性布局的时候,那些标签元素的属性,我看基本还需要与百分比,width有很深的联系,在做页面最顶端导航栏的横排几组文本的时候,通过用一系列的justify-content:space-between,让文本两端对齐,项目间隔相等,第一个在起点,最后一个在终点,当想要做到稍微靠近起点与终点距离的时候,可以用margin,padding,width:%/vw辅助,通过调整margin 左右上下边距以及padding,width宽度可以靠近中间位置以及起点终点位置离得远些,这样就将弹性布局真真正正与盒子模型相结合了,也可以顺手练了两种布局,其他的布局用法都可以用ai先搜出来具体用途,然后在上手操作练习,就像小孩子走路一样要先站起来然后才能走,凡事都要讲究一个过程,不能仅仅停留在站起来层面,要一步一步的分析,每一部分都至关重要,在做导航栏的时候就是太着急了没按照基础原理走,要先认识,才能深入。当做项目遇到了问题了的时候,其实是该学习一下前面的标签用途了,对于用途理解的层次还是不够。

http://www.jsqmd.com/news/1356973/

相关文章:

  • 二叉搜索树(BST)原理与高效实现指南
  • 企业远程协助安全管控方案解析与实践
  • 微服务架构性能调优实战指南
  • 深入解析Mach-O文件中的__LINKEDIT段
  • Oracle表空间监控SQL脚本与扩容方案
  • 基于MCP协议构建简历查询API:让AI精准读取非结构化文档
  • 二叉树数据结构:核心概念、遍历方式与工程实践
  • SpringBoot2+Vue3全栈旅游网站开发实践
  • SSM框架构建宠物饲料电商平台的技术实践
  • Python+Django构建社区物资互助平台实战
  • 2026年嘉兴比较好的庭院花园设计施工厂家**单 - 品牌排行榜
  • word转图片在线用哪几款?2026实测盘点7款PDF格式转换工具
  • Vue3通用容器布局设计器实现与优化
  • 深蓝词库转换:如何打破50+种输入法格式的壁垒?
  • 【计算机网络 | 第五章】运输层
  • 产品经理的 Claude Code 技能包实战(四):给原型自动加标注,开发不再问交互
  • 专业四线轨道灯生产商,名声咋样?看这3点!
  • 位图与矢量图互转换工具汇总,设计师实用工具清单
  • 又炸了!继OpenAI、Anthropic之后,中国AI Kimi K3 也在安全测试中成功“越狱“——但它只想着作弊查答案
  • KCC认证全解析:流程、材料与优化策略
  • 若依框架+Vue 3实战:深度定制与Vibe Coding高效开发心法
  • 47.8K Star!Rust重写Python代码治理,速度提升100倍,Flake8/Black终结者
  • 2026年8月佛山珍珠棉包装盒内衬/珍珠棉内衬公司推荐精选_佛山市鑫达顺包装有限公司 - 品牌宣传支持者
  • 全球云计算产业发展态势-市场:云计算规模保持稳步增长,产业格局日趋明晰
  • Vue3树形选择组件的终极指南:高效处理层级数据的完整教程 [特殊字符]
  • 快速排序算法原理与Java实现详解
  • HarmonyOS 7.0 / API 26 跨设备接续实战:页面快照、任务状态和异常回滚如何设计
  • Supabase与Qcoder全栈开发实战:快速构建现代Web应用
  • 华为鸿蒙美缝剂实用APP—小羊美缝
  • 【Bug已解决】GPT2 cannot be used with device_map=‘auto‘; Report “found at least two devices“ 解决方案