-
top、right、bottom、left仅在position为relative、absolute、fixed或sticky时生效；absolute/fixed定位下，同时设置对立属性可拉伸元素，relative定位则以top/left优先，auto值用于自动计算布局，合理组合可实现精准定位与响应式设计。
-
答案：利用CSS的max-height和transition属性，结合JS控制类名切换，实现平滑折叠菜单动画。通过设置max-height从0到足够大值的过渡，配合overflow:hidden隐藏溢出内容，点击按钮时用JavaScript切换expanded类，触发展开或收起动画，从而在无需复杂脚本的情况下完成交互效果。
-
用gap实现卡片等间距排列：gap控制网格项间空隙，justify-content仅调整整组行列在容器中的对齐；正确写法为display:grid+gap，外边距用padding配合。
-
JavaScript可选链（?.）用于安全访问嵌套属性、方法、数组索引及动态属性，遇null/undefined即短路返回undefined；可与??搭配设默认值；不可用于赋值左端或链式调用中非可选部分。
-
HTML5中空格“失效”是因浏览器遵循规范合并空白符，非Chrome缺陷；解决需用white-space属性（如pre-wrap）或CSS间距，而非依赖多个空格或 。
-
HTML5页面跳转有五种方式：一是a标签href属性，支持新窗口、锚点、相对路径及下载；二是JavaScript的location.href赋值，适合动态跳转；三是location.assign()方法，语义清晰且兼容性好；四是location.reload()刷新当前页；五是history.pushState()实现无刷新URL变更与SPA路由。
-
应通过HTTP服务器环境运行HTML5页面，因file://协议限制部分API；推荐使用Python内置服务器（python-mhttp.server8000）或VSCodeLiveServer插件，并确保DOCTYPE声明、UTF-8编码及禁用干扰扩展。
-
使用transform替代width、height、margin动画可避免重排，因transform作用于合成层且由GPU加速，不触发layout变化，从而提升动画流畅度。
-
使用有序列表（ol）实现面包屑导航，语义清晰且符合层级顺序，结合nav元素与aria-label提升可访问性，通过aria-current标识当前页，CSS去除编号并添加分隔符，JavaScript可动态解析URL生成路径，兼顾SEO与无障碍体验。
-
Bulma卡片组件通过语义化结构和响应式布局实现内容展示，结合自定义CSS优化间距、悬停效果及多端适配，提升视觉吸引力与用户体验。
-
::placeholder用于设置输入框占位符样式，结合:focus可实现聚焦时动态变化；2.支持color、font、opacity等属性，通过transition可添加过渡效果；3.聚焦时可降低opacity或更改颜色以弱化提示，提升用户体验；4.需注意浏览器兼容性，建议补充-webkit-、-moz-等前缀；5.避免使用display:none隐藏占位符，应采用opacity:0或color:transparent。
-
使用::marker伪元素可自定义列表项目符号样式，支持color、font-size等属性；通过li::marker可修改颜色大小，结合list-style:none与::before可自定义无序符号，配合CSS计数器能实现高级有序列表样式，提供比list-style-type更精细的视觉控制。
-
先用Flexbox构建弹性布局，再通过MediaQuery在不同屏幕尺寸下调整样式。例如，桌面端导航横向排列，移动端改为垂直排列并全宽显示；中等屏幕允许换行并居中对齐，每项约占30%宽度；小屏幕上可隐藏侧边栏，调整内容显示顺序。通过断点控制flex-direction、flex-wrap、order等属性，实现响应式设计。
-
float属性用于实现文字环绕和多列布局，使元素脱离文档流并左/右浮动，导致文本环绕、块级元素重叠及父容器高度塌陷；常用值为left、right和none；常见问题通过clear清除浮动或使用clearfix类解决，现代布局推荐采用Flexbox或Grid。
-
答案：CSS可通过animation-name用逗号分隔多个动画，并与duration、timing-function等属性按序对应，推荐使用animation简写形式，如animation:slideIn1sease-out,fadeIn2slinear,rotate0.5sease-ininfinite；多个动画默认同时开始，可借助animation-delay控制时机，属性顺序需一致以避免错位。
