盒子模型

本文涉及的产品
RDS DuckDB + QuickBI 企业套餐,8核32GB + QuickBI 专业版
简介: `<div>`标签独占一行,宽度默认为父元素宽度,高度由内容决定,可设置宽高;`<span>`标签为行内元素,一行可显示多个,宽高由内容撑开,不可直接设置宽高。

标签

一行只显示一个(独占一行)

宽度默认是父元素的宽度,高度默认由内容撑开

可以设置宽高(width、height)
标签:

一行可以显示多个

宽度和高度默认由内容撑开

不可以设置宽高(width、height)
image.png
相关文章
DQL-查找数据-分组查询
分组查询通过GROUP BY对数据按字段分类,配合聚合函数实现统计。COUNT、MAX、MIN、AVG、SUM分别用于计数、求最大值、最小值、平均值和求和。WHERE在分组前过滤数据,不可用聚合函数;HAVING在分组后过滤,可结合聚合函数使用,二者作用时机与条件判断方式不同。
|
6月前
|
SQL
DQL-查找数据-条件查询
SQL条件查询通过WHERE子句筛选数据,支持比较运算符(如&gt;、&lt;、=、&lt;&gt;)、BETWEEN、IN、LIKE模糊匹配及IS NULL判断,并可使用AND、OR、NOT逻辑运算符组合多个条件,实现精准数据检索。
新闻-正文-段落
通过段落标签(p)可定义文本段落,支持加粗、下划线、倾斜、删除线等文本样式。结合img标签插入图片,丰富页面内容。持续添加多段p与img标签,完善网页结构与视觉呈现。
|
6月前
|
前端开发 数据可视化 数据挖掘
前端引入图片
三张图片展示了数据可视化图表,包括柱状图、折线图与饼图,直观呈现不同数据维度的对比与趋势,适用于数据分析、报告展示等场景,助力快速洞察信息。
新闻-页脚-超链接
通过a标签实现页面跳转:href指定目标地址,target控制打开方式——self在当前页跳转,blank在新窗口打开。简单高效,适用于各类链接场景。
排序查询案例
查询类别为“武器皮肤”且品质为“闪耀”的商品,仅显示名称、型号、价格和库存,按价格降序排列,价格相同时按库存升序排列。
|
6月前
|
前端开发 数据可视化 数据挖掘
前端创建
三张图片展示了数据可视化图表,包括柱状图、折线图与饼图,用于直观呈现数据分析结果,适用于报告、仪表盘等场景,助力信息清晰传达。
|
6月前
|
Serverless
掌握代码拆分复用
在复杂工作场景中,为避免重复代码,需实现代码复用。通过封装常用功能(如日期格式化、数学计算)为独立模块,实现高内聚、低耦合。例如,将求和函数封装至util.js,供多文件调用,提升维护性与开发效率。
新闻-正文-视频
使用`&lt;video&gt;`标签可嵌入视频,支持在线资源、相对路径和绝对路径三种src方式,推荐使用相对路径。添加controls属性显示播放控件,通过width和height设置尺寸。
|
6月前
|
数据可视化 数据挖掘
新闻-标题-优化
三张图片展示了数据可视化图表,包括柱状图、折线图与饼图,直观呈现各类数据分布与趋势,助力快速洞察信息,适用于数据分析、报告展示等场景。