
伪元素
可通过浏览器开发者工具临时修改网页文字和图片:一、用F12或右键“检查”定位元素;二、双击文本节点编辑文字;三、修改img标签src属性替换图片;四、用Console执行JS批量操作;五、通过Edit...
小屏幕表格响应式需用媒体查询配合display:block重排,tr变块级、td/th垂直堆叠并用data-label伪元素标注;恢复大屏时须同步重置tr为table-row、td/th为table-...
float两栏布局需精确控制width且总和不超过父容器宽度,否则右栏换行;父容器高度塌陷可用overflow:hidden或伪元素清除浮动;HTML顺序应与视觉顺序一致;现代开发更推荐flex或gr...
父元素background-color被盖住主因是高度塌陷或子元素背景/内容完全遮挡,需检查高度、清除浮动、调整子元素z-index或背景设置,而非修改父元素z-index。
hover触发的transition不生效需检查三点:一是属性不可过渡(如display、height:auto),应改用opacity、transform或max-height;二是transiti...
本文介绍一种基于clip-path的现代CSS方案,无需SVG或复杂伪元素,即可高效构建可响应、可交互的等边三角形网格,支持上下交替排列与悬停效果。
用border-image实现多色拼接边框最直接,需配合border-image-slice控制分割,推荐内联SVG作源,显式设置border-width,加fill关键字兼容圆角,动态改色优先用CS...
通过counter-reset和counter-increment配合::before伪元素,可为每组独立容器内的子元素生成从1开始的连续编号,且各容器间互不影响。
最快方式是直接在标签用opacity,但会整体透明;rgba()不适用于;PNG自身alpha不可调;Canvas可逐像素控透明但失原生特性;SVG支持opacity动画但有CORS和缩放限制。
HTML5中引入icon字体需通过加载CSS文件,再用或加类名渲染;不可用加载字体文件。常见问题包括路径错误、类名不匹配、字体未加载或CSS冲突,应检查Network面板和Computed样式。