-
浮动元素间距不可靠依赖HTML空格，因空白字符会被压缩且不参与盒模型计算；应使用CSSmargin控制，横向设margin-right、纵向设margin-bottom，并注意清除浮动及现代替代方案。
-
JavaScript有六种基本数据类型：Number表示数字，包括Infinity和NaN；String表示文本，用单双引号或反引号定义；Boolean只有true和false；Undefined表示未赋值变量；Null表示有意为空；Symbol是唯一不可变值，用于对象属性。
-
可使用:placeholder-shown伪类实现输入框为空时的样式变化，需配合placeholder属性，支持Chrome47+等现代浏览器，IE不支持。
-
移动端Safari和部分Android浏览器对::selection支持有限，iOS长期限制背景色与文字颜色；需用::-webkit-selection+::selection双声明、确保可选中状态、字体不小于16px，并注意DOM修改风险。
-
text-emphasis属性通过添加强调标记为文本提供非侵入性视觉提示。1.它由text-emphasis-style和text-emphasis-color组成，支持dot、circle等样式或自定义字符；2.适用于数据校验、术语标注、内容审核等场景，不干扰文本原有样式；3.浏览器兼容性较好，现代浏览器普遍支持，IE需降级处理；4.存在西文排版冲突、样式灵活性不足及可访问性限制，需结合line-height调整、伪元素或语义化HTML应对。
-
BOM是JavaScript中用于与浏览器窗口交互的API集合，核心为window对象；可操作窗口尺寸位置、打开关闭窗口，管理浏览历史（back/forward/pushState等），并提供location、navigator、screen等对象。
-
需通过HTML5viewport标签、相对单位CSS、媒体查询、Grid/Flexbox布局及响应式图片实现响应式设计：一、添加viewport标签控制缩放；二、用em/rem/%/vw/vh等相对单位；三、用媒体查询适配手机、平板、桌面断点；四、用Grid和Flexbox实现弹性布局；五、设置max-width:100%、srcset和background-size:cover优化图片。
-
Sass的@if指令可根据条件判断动态生成样式，提升代码灵活性与可维护性。通过@if、@elseif、@else实现分支逻辑，如根据不同主题变量输出对应按钮样式；结合布尔变量控制调试样式开关；利用and、not、or构建多条件判断；在函数中返回不同值以集中管理样式数据。合理使用可增强逻辑性，但应避免过度嵌套以保持代码清晰。
-
JavaScriptDate对象可处理当前时间及任意时间点，支持创建、获取、设置、格式化等操作；需注意月份从0开始、时区影响及字符串解析兼容性。
-
RRGGBB最稳妥，全浏览器兼容且无歧义；rgb()/rgba()适合动态计算与透明控制；hsl()/hsla()便于调色逻辑；color()/lab()兼容性差，仅限实验。
-
:first-of-type匹配父元素中同类型标签的第一个，而非DOM首个子元素；如父元素内有p、div、p，则首p匹配，次p不匹配，且忽略文本/注释节点。
-
HTML5.2并非官方标准版本，W3C与WHATWG已转向持续演进的单一标准；真正新增且广泛使用的标签包括<header>、<nav>、<main>、<article>、<section>、<aside>、<footer>、<figure>、<figcaption>、<time>、<mark>、<video>、<audio>、<dialog>
-
opacity拼写为opaciy、box-shadow用0重置、visibility设为none均为错误；flex布局中width/min-width/flex-shrink混用易撑开容器；float元素须设width且避免直接加margin/padding；background/border/z-index使用需注意语义与堆叠上下文；默认content-box盒模型常致溢出，推荐全局box-sizing:border-box。
-
必须使用<!DOCTYPEhtml>声明才能启用HTML5标准解析，需置于文档首行且无前置字符；通过开发者工具检查应显示“HTML5”或“NoQuirksMode”；禁用旧版DOCTYPE及错误写法。
-
本教程深入探讨了CSS伪元素transform动画失效的常见问题。当尝试旋转::before或::after等伪元素时，如果动画未生效，通常是由于其默认的display:inline属性限制。文章将详细解释为何需要添加display:inline-block来启用transform属性，并提供示例代码和关键概念，帮助开发者实现流畅的伪元素动画效果。
