-
浮动用于脱离文档流的横向排列与文字环绕，需处理高度塌陷和清除浮动；inline-block保留文档流，适合组件布局但存在空白间隙；现代布局推荐Flexbox和Grid，简单场景可选inline-block，避免用浮动做整体页面布局。
-
使用CSSModules和BEM命名约定可有效避免样式冲突。通过将CSS类名局部作用域化并采用结构化命名，结合CSS自定义属性实现灵活可配置的样式模块，提升代码可维护性与复用性。
-
外部样式表是独立的.css文件，通过<link>标签在HTML中引用，实现多页面共享样式。它集中管理CSS规则，如字体、颜色和布局，确保网站风格统一。修改时只需更新单个文件，所有关联页面自动同步。优势包括减少代码冗余、提升加载速度（浏览器缓存）、支持结构与表现分离，并便于团队协作。最佳实践为使用相对路径或CDN确保文件可访问。
-
本文探讨了在使用JavaScript的querySelector方法查询由第三方库（如Flickity）动态生成的DOM元素时，可能返回null的常见问题。我们将深入分析此问题的原因——脚本执行时序，并提供两种有效的解决方案：简单易用的setTimeout延迟执行策略，以及更强大、更高效的MutationObserverAPI，以确保在元素可用时精确地进行操作。
-
使用Babel可将ES6+代码转译为ES5，提升JS插件兼容性。首先初始化项目并安装@babel/core、@babel/cli和@babel/preset-env。通过babel.config.js配置preset-env，设置目标浏览器及polyfill策略。源码存于src目录，构建脚本"build":"babelsrc-ddist"将其输出至dist目录。发布时在package.json中指定main为dist入口，module为src入口，并声明files包含dist，实现兼容性与现代构建优化兼顾
-
call和apply立即执行函数并改变this指向，区别在于参数传递方式；bind返回绑定this的新函数，不立即执行。
-
使用CSS框架结合Flex布局可高效实现响应式设计。通过Bootstrap的.d-flex、.flex-row等类构建导航栏与内容区，利用align-items:stretch确保垂直对齐，结合.flex-md-row等响应式类适配多端，提升开发效率与布局一致性。
-
本文探讨如何在CSS中实现背景图片半透明而前景内容保持完全不透明的效果。通过分析z-index不生效的原因，我们揭示了层叠上下文的重要性，并提供了一种解决方案，即为前景内容元素明确设置position:relative，从而确保其z-index属性能够正确生效，实现背景与内容的独立透明度控制。
-
trim()去除首尾空白，trimStart()仅去开头空白，trimEnd()仅去结尾空白，三者均不修改原字符串，返回新字符串，适用于表单输入和数据清洗等场景。
-
通过配置systemd服务可实现HTML+CSS静态网站的持久化运行，首先创建/etc/systemd/system/webserver.service文件定义服务，填入服务名称、描述及启动命令路径；接着在[Service]段添加Restart=always和RestartSec=5确保异常后自动重启；保存后执行sudosystemctldaemon-reload重载配置，再运行sudosystemctlenablewebserver.service设置开机自启，并用sudosystemctlstartw
-
HTML5原生支持CSS多列布局，可通过columns属性实现等宽分栏，或分别设置column-count与column-width精细控制，配合break-inside防止跨栏断裂、column-span实现跨栏标题，并利用媒体查询响应式调整栏数。
-
HTML5无法直接操作服务器端SQL数据库，必须通过后端API（如fetch+Node.js）、已废弃的WebSQL、WebAssembly版SQLite（sql.js）或IndexedDB模拟方案实现交互。
-
使用标签可创建超链接，href属性指定目标地址，链接文本为可点击内容；示例包括链接外部网站、本地页面、邮件地址、新窗口打开及页面内锚点跳转；注意链接正确性、文本可读性与安全性。
-
通过启用实验功能并编写自定义CSS，可在Mac上为Quizlet闪卡设计个性化样式：首先在浏览器开发者工具中激活调试模式以解锁隐藏设置；接着注入CSS规则修改背景、字体、圆角与阴影效果；然后本地创建HTML文件预览布局与动画；最后利用Tampermonkey脚本持久化样式，确保每次访问自动加载，实现稳定美观的专属学习界面。
-
Utility-first是一种通过组合小而单一的工具类来构建界面的CSS方法，TailwindCSS为其典型实现，提供如mt-4、flex等原子类直接在HTML中完成样式；相比传统语义化类名，它提升复用性、减少CSS膨胀、增强响应式与主题一致性，并支持通过@apply抽离高频类为组件以优化维护性，在快速开发中显著提升效率。
