用标签包裹语义段落，浏览器自动添加上下margin实现间距；禁用换行和模拟段落，避免语义混乱；通过css设置margin-bottom、text-indent和line-height精细控制排版。
怎么让文字在网页里不挤成一团？
默认情况下，<p></p> 和 <div> 里的文字会自动换行、但没有间距，看着密不透风。这不是 bug，是 HTML 的原始设计——它只管结构，不管“好不好看”。
<ul>
<li>用 <code><br> 强制换行只适合极少数场景（比如地址、诗行），滥用会导致语义混乱、响应式失效
margin-bottom 或 line-height，用 CSS 控制呼吸感<p></p> 里塞 <font></font> 或 style="color:red" —— 这类内联样式会让后续改颜色、调字号变成逐个手动改标题层级乱了，SEO 和屏幕阅读器都跟着遭殃
<h1></h1> 到 <h6></h6> 不是“字号从大到小”的视觉开关，而是内容逻辑的骨架。浏览器、搜索引擎、读屏软件都靠这个判断主次。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 一个页面只能有一个
<h1></h1>（通常是页头标题），不是“越大越好” -
<h2></h2>应该是章节级标题，<h3></h3>是子章节——跳着用（比如<h1></h1>后直接<h3></h3>）会被解析为结构断裂 - 用
<div><span> + CSS 模拟标题，等于主动屏蔽 SEO 和可访问性支持 <h3>为什么改了 CSS 却没生效？优先级和加载顺序是关键</h3> <p>样式不生效，90% 不是写错了，而是被别的规则盖过去了。浏览器按“就近原则 + 权重计算”决定最终效果。</p> <ul> <li>内联样式（<code>style="..."）权重最高，但难维护；!important是临时止血，不是解法 - 外部 CSS 文件必须放在
里，且<link rel="stylesheet">要在所有自定义<style></style>块之前——否则你写的会被后加载的覆盖 - 选择器越具体，权重越高：
article h2>h2，但别写成body div article header h2—— 过度具体反而难复用
移动端文字糊成一片？viewport 和字体单位选错是主因
手机上看不清字、行距塌陷、缩放失灵，往往不是 CSS 写得少，而是基础配置漏了。
- 必须在
里加这行：<meta name="viewport" content="width=device-width, initial-scale=1.0">，否则手机浏览器按桌面宽度渲染 - 字体大小别只用
px：固定像素在高 DPI 屏上会变小；优先用rem（基于根字体）或em（相对父元素） -
line-height别设成1或1.2这种硬数值——中文行高至少1.5才舒服，且建议用无单位数值（如1.6），它会自动乘以当前字体大小
结构和样式分离不是教条，是让每次改字色、调行距、适配新设备时，不用翻三遍 HTML 找 style 属性。最常被忽略的，其实是 <meta name="viewport"> 这一行——没它，所有响应式努力都卡在第一步。
