【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
盒模型
盒模型:
所谓盒模型,就是浏览器为页面中的每个HTML元素生成的矩形盒子。
这些盒子们都要按照可见板式模型在页面上排布。
可见的板式模型主要由三个属性控制:position 属性、display 属性和 float属性。
position属性控制页面上元素间的位置关系。
display属性控制元素是堆叠、并排或者不在页面上显示。
float属性提供控制的方法,以便于把元素组成成多栏布局。
盒模型讲解:
在默认的情况下,每个盒子的边框是不可见的,背景也是透明的。
所以我们
不能直接的看到页面中的盒
GenSX (不一样的AI应用框架)架构学习指南
GenSX 是一个基于 TypeScript 的函数式 AI 工作流框架,以“函数组合替代图编排”为核心理念。它通过纯函数组件、自动追踪与断点恢复等特性,让开发者用自然代码构建可追溯、易测试的 LLM 应用。支持多模型集成与插件化扩展,兼具灵活性与工程化优势。
Coze Loop 架构学习指南
本指南系统解析 Coze Loop 架构,涵盖项目结构、DDD 设计、技术栈与学习路径,助你从零掌握 AI Agent 平台开发与贡献。
Gemini CLI 架构学习指南
本指南深入解析开源终端AI助手Gemini CLI的架构设计,涵盖项目结构、核心流程与技术栈(TypeScript/React+Ink/Node.js),并提供从环境搭建到贡献代码的四阶段学习路径,助力开发者掌握AI编程工具开发精髓。
MVC 与 DDD 的区别详解
MVC 是表现层架构模式,分离显示与控制逻辑;DDD 是业务建模方法论,聚焦复杂领域逻辑。前者用于 Web 框架,后者指导系统核心设计,二者可协同使用:DDD 建模业务,MVC 处理交互。
《SaaS应用核心痛点攻坚:租户级动态配置管理的技术实践与落地》
本文针对SaaS应用租户自定义配置混乱痛点,分享动态配置管理实践:摒弃早期硬编码+通用字段方案,以元数据驱动设计配置模型,含预设行业模板与字段关联逻辑简化配置;构建“租户-角色-配置权限”三维模型,细化权限维度并记录操作日志;采用“基础表+动态分表”存储方案,按业务模块与租户哈希分表提升查询性能;开发前端动态渲染框架,依元数据自动生成组件;引入配置版本管理与灰度生效机制,通过版本兼容与回滚保障更新稳定,为租户个性化配置提供系统化解决方案。
基于微信小程序的旅游景点推荐系统
本研究聚焦旅游信息化发展,针对游客获取信息难、体验差等问题,设计基于微信小程序的景点推荐系统。结合uni-app与MySQL技术,实现跨平台、高效率的旅游信息服务,提升用户体验与管理效能,推动旅游业数字化升级。