-
用::before伪元素添加装饰图标需设置content属性，支持Unicode字符或FontAwesome等图标字体，并确保元素为非替换元素且具有行内表现；input等替换元素需设display:inline-block才生效。
-
JavaScript事件循环是单线程下协调同步代码、宏任务与微任务执行顺序的规则：callstack清空后一次性执行所有微任务，再取下一个宏任务。
-
HTML中连续空格被浏览器合并导致文字紧贴，应使用 、CSS的white-space（如pre-wrap）或letter-spacing等方案解决，而非依赖源码空格。
-
登录页面需构建语义化HTML表单，添加HTML5验证属性，通过CSS美化样式，集成JavaScript实现密码可见切换与防重复提交，并配置aria标签等无障碍支持。
-
在JavaScript对象字面量中，无法直接在属性声明阶段（如blockTypes:[newblockType(...)]）调用同对象内定义的构造函数，因为此时构造函数尚未作为变量或属性被解析；需通过分步赋值、IIFE或类封装等方式规避作用域与初始化时序问题。
-
通过修改viewport的user-scalable属性为yes，并配合合理的初始缩放设置，即可在Angular应用中实现移动端触控缩放（包括缩小），突破默认禁止缩放的限制。
-
边框会破坏排版比例是因为默认content-box下边框额外增加尺寸，导致总宽超出设定值；用box-sizing:border-box可使宽高包含边框和内边距，确保视觉尺寸与代码一致，并需配合相对单位、flex/grid对齐控制及调试工具优化。
-
关键CSS应内联至HTML的<head>中，仅包含首屏元素必需的最小样式集合，如导航栏、大标题、主按钮及核心卡片的基础结构样式，排除非首屏交互与响应式样式；推荐用Penthouse等工具自动提取并压缩至14KB内，配合preload加载非关键CSS，并通过DevTools和Lighthouse验证生效。
-
使用fr单位和stretch对齐可让Grid子元素占满剩余空间：1.用fr按比例分配可用空间，如grid-template-columns:200px1fr；2.设置容器高度并让子元素height:100%或align-self:stretch；3.多列时用多个fr平分剩余空间，如1fr2fr按1:2分配；4.防内容溢出需设min-width:0和overflow:hidden。
-
答案是使用HTML的<a>标签download属性实现文件下载，可自定义文件名，但受限于同源策略和浏览器支持，动态下载需结合JavaScript生成BlobURL。
-
要实现动态改变网页主题颜色，核心方法是使用CSS变量配合JavaScript操作变量值。1.首先在CSS的:root中定义颜色变量如--primary-color、--background-color等；2.HTML中创建按钮作为切换触发器并设置data-theme属性；3.JavaScript通过监听点击事件获取对应theme值，并用root.style.setProperty()更新CSS变量；4.利用localStorage保存用户选择的主题名称，在页面加载时读取并应用之前保存的主题。此外，还可通过
-
标准HTML文档开头必须为<!DOCTYPEhtml>、<htmllang="zh-CN">、<head><metacharset="UTF-8"><title>页面标题</title></head>、<body>。
-
内联样式最适合用于快速调试、JavaScript动态生成样式、邮件模板及一次性样式覆盖，优点是优先级高、即时生效，缺点是难以维护、代码冗余、可读性差、违背内容与表现分离原则；解决方案包括优先使用外部样式表、善用CSS类和ID、利用CSS变量、通过JavaScript操作类名而非内联样式、采用CSS预处理器或组件化框架的样式管理机制，以提升可维护性和代码清晰度。
-
justify-content控制主轴对齐，align-items控制交叉轴对齐，二者配合可实现如水平垂直居中等布局，需注意主轴方向、容器设置display:flex及子元素尺寸影响。
-
使用::first-line伪元素可对块级元素的第一行文本设置样式，如颜色、字体等，仅适用于块级元素且支持有限CSS属性，与选择首个子元素的:first-child不同。
