区别

svg 是一种在 html 中绘制矢量图形的技术，具有放大不失真的特性。1. 使用 svg 需要了解其基本结构，包括 根元素和图形元素如 、、 和 ；2. 可通过内联代码直接嵌入 html，或保存为独立文件引用；3. svg 支持 css 和 javascript 控制样式与交互，并提供渐变、滤镜、…

设置html input默认值主要有以下方法：1. 对于text、number等类型，直接使用value属性；2. 对于checkbox和radio，使用checked属性控制默认选中状态；3. 使用javascript动态设置默认值时，可通过dom操作赋值，并结合domcontentloaded事…

html默认将连续空白符压缩为一个空格，需通过white-space属性控制。1. white-space: normal（默认），合并空格并忽略换行；2. nowrap，禁止换行直至遇到；3. pre，保留所有空白符；4. pre-wrap，保留空白符并允许自动换行；5. pre-line，合并空…

处理html文件路径需理解相对路径与绝对路径的区别，并根据场景选择合适类型。1. 相对路径基于当前文件位置，适用于同级、子目录或父目录资源，具可移植性，适合网站内部使用；2. 绝对路径为完整路径，包括本地或网络路径，适合链接外部资源，但可移植性差；3. 为避免路径错误，应检查拼写、利用开发者工具和代…

rgba和opacity的区别在于：1. rgba允许单独设置元素的背景、边框、文字等的透明度，不影响其他部分；2. opacity则是应用于整个元素的透明度设置，影响所有部分。 我们经常在HTML和CSS中使用透明度来提升网页的视觉效果，透明度可以让元素变得半透明，增加设计的层次感和趣味性。在CS…

要实现html中的毛玻璃效果，需使用css的backdrop-filter属性；1. 给目标元素添加backdrop-filter并设置模糊半径；2. 可配合background-color增强视觉层次；3. 确保元素定位正确且位于背景之上；4. 注意浏览器兼容性，可提供filter: blur()…

kbd 标签用于语义化地表示用户应输入的键盘文本，提升可访问性与搜索引擎理解。1. 它在 html 中通过包裹内容表示键盘输入，如 ctrl + s；2. 可结合 css 自定义样式以匹配网站风格；3. 与语义化相关，辅助技术能更好解读内容含义；4. 区别于 code 标签，后者用于代码片段；5. …

text-shadow是css属性，用于给文字添加阴影效果。基本语法为text-shadow: 水平偏移量 垂直偏移量 模糊半径 阴影颜色;，例如2px 2px 4px rgba(0,0,0,0.5)；常见应用场景包括增强对比度、复古/立体风格和多个阴影叠加模拟霓虹灯效果；注意事项有避免过度模糊、合…

要正确使用 html5 header 标签，首先应将其放置在页面或每个节（section）的顶部，用于包裹标题、logo、导航链接等内容。1.header 应位于 body 内或各 section 中，不可嵌套于 footer、address 或另一个 header 中。2.一个页面可有多个 hea…

要让 div 自动换行，1. 使用 word-wrap: break-word; 或 overflow-wrap: break-word; 允许长单词或 url 在单词内部断句；2. word-break: break-all; 可在任意字符间断行，但影响可读性，慎用；3. white-space:…