伪元素

使用::placeholder可美化输入框提示文字样式，支持颜色、字体、透明度等属性，需注意添加-webkit-、-moz-、-ms-前缀以兼容不同浏览器，尤其Firefox默认有透明度应手动设为opacity:1。 使用 ::placeholder 伪元素可以针对输入框中的提示文字（即 place…

使用float可实现多栏列表布局，通过设置li元素左浮动与宽度形成多栏，配合box-sizing和calc()控制间距，需用伪元素清除浮动防止高度塌陷。 使用 CSS 的 float 属性可以实现多栏列表布局，虽然现代开发更多采用 Flexbox 或 Grid，但在一些简单场景或兼容旧浏览器时，fl…

卡片阴影与圆角需协调以增强真实感，圆角越大应搭配越高模糊值的阴影（如border-radius:12px配box-shadow:0 4px 20px rgba(0,0,0,0.1)），避免阴影“溢出”可采用overflow:hidden或负spread值（如-5px），多层阴影（如0 2px 8px…

答案：CSS加载动画通过@keyframes定义关键帧，结合transform、opacity等属性实现。1. 旋转圆圈利用border差异与rotate创建持续旋转效果；2. 脉冲波动画使用scale和opacity变化模拟扩散波纹；3. 多点跳动通过多个圆点设置不同animation-delay…

合理设置margin并结合清除浮动解决间距问题，如使用margin-right配合:last-child去除末项间隙，或通过.box+.box添加左间距避免首项空白，同时用clearfix等方法清除浮动防止父容器塌陷。 控制浮动元素之间的间距，不能只依赖 margin 的单一设置，需要结合布局结构和…

::cue伪元素用于自定义视频字幕样式，通过video::cue设置颜色、字体、背景等外观，支持按WebVTT类名或ID细化样式，如video::cue(.highlight)高亮特定字幕，常用属性包括color、background、font-size、text-shadow等，需配合track标…

答案是使用CSS的:checked与::after可实现无JS的图标切换，通过隐藏输入框，利用label的伪元素绘制三线图标，选中时用transform和box-shadow变化为叉形。 使用 CSS 的 :checked 与 ::after 可以在用户点击复选框或单选按钮时实现图标的切换效果，常用…

是的，CSS transition 可通过宿主元素状态变化作用于 ::before 和 ::after 伪元素。关键在于为伪元素的可动画属性（如 opacity、transform 等）设置 transition，并在宿主元素的状态（如 hover）中改变这些属性。transition 需定义在默认…

::first-line伪元素用于设置块级元素第一行文本样式，如p::first-line{font-weight:bold;color:blue;}，仅适用于块级元素，支持字体、颜色等有限属性，常用于段落首行强调，提升排版视觉效果。 在CSS中，::first-line 伪元素用于选中块级元素中第…

浮动元素脱离文档流导致父元素高度塌陷，解决方法包括触发BFC或使用伪元素清除浮动，如设置overflow:hidden或采用clearfix技巧。 浮动元素会影响父元素的布局表现，尤其是在没有正确清除浮动的情况下。由于浮动元素脱离了正常的文档流，父元素在计算高度时可能无法“感知”到它们的存在，从而导…