-
CSS颜色值必须写为无引号的连续十六进制，如#ff6b35；#RGB简写仅当每位重复时有效（如#abc→#aabbcc）；透明度需用rgba()或#RRGGBBAA（八位），禁用空格与换行。
-
text-overflow:ellipsis仅对单行文本生效，需同时满足white-space:nowrap、overflow:hidden和text-overflow:ellipsis；多行截断须用-webkit-line-clamp配合display:-webkit-box和-webkit-box-orient:vertical。
-
混合宏（mixin）用于复用CSS声明块，如@mixinflex-center封装居中样式；函数（function）用于动态计算并返回值，如px2rem()转换单位；关键区别在于mixin输出规则，function产出数值。
-
Bootstrap5Tabs淡入需为每个tab-pane同时添加fade、show和active类，并配transition；data-bs-toggle替代data-toggle；href或data-bs-target必须与tab-paneid严格一致。
-
SublimeText中快速插入HTML5声明可通过四种方法实现：一、安装HTML5Snippets插件后输入html:5+Tab；二、手动配置HTML.sublime-snippet模板文件；三、使用Emmet输入!+Tab；四、预存html5-template.html文件拖入复用。
-
画中画标题样式受限，只能通过video::picture-in-picture-title伪类调整color和font-family等极少数属性；1.浏览器限制样式是为了安全，防止伪造系统界面进行钓鱼等恶意行为；2.保持用户体验一致性，确保PiP窗口在不同网站间外观统一、易于识别和操作；3.技术上因PiP窗口由浏览器原生UI层渲染，网页CSS控制能力本就有限；4.标题内容应通过<video>标签的title属性设置，以确保清晰传达视频信息；5.优化PiP体验可从提升视频质量、优化title文案
-
直接caches.match(event.request)会出问题，因其不区分请求类型，导致POST、带credentials的登录请求及API响应被错误匹配缓存；应按event.request.destination分流处理：document需兜底，script/style可缓存，json/empty等必须直连网络。
-
Edge浏览器中<marquee>停顿是预期行为，因其已被Chromium内核弃用，仅在IE模式下模拟且不可靠；应改用CSStransform:translateX()动画替代，配合overflow:hidden和linear时序确保匀速流畅。
-
ApplicationCache（manifest）已全面废弃，导致白屏或加载失败；现代离线能力必须依赖ServiceWorker+CacheAPI，需正确实现install、fetch、activate三阶段逻辑，并注意作用域、HTML缓存风险及MIME干扰问题。
-
使用auto、min-content、max-content和minmax()可实现CSSGrid行列自动适应内容。1.grid-template-columns和grid-template-rows设为auto时，行列尺寸由内容决定；2.min-content使列宽适应内容最小需求，max-content按内容最大宽度展开；3.minmax()可设定范围，如minmax(max-content,200px)让列至少容纳内容但不超过200px；4.结合fr单位与auto可实现弹性响应式布局，容器动态分配剩
-
最可靠方案是部署到GitHubPages、Vercel或Netlify获取HTTPS链接；file://仅限本机，HTTP本地服务需同局域网且不支持HTTPS功能，微信/QQ等App会拦截非HTTPS链接。
-
theme_color是PWA启动时浏览器UI栏的提示色，仅manifest.json定义生效（优先级高于meta），AndroidChrome/Edge/Samsung支持，iOSSafari完全忽略，不作用于普通网页标签页。
-
禁用右键菜单仅能隐藏上下文菜单，无法真正禁止查看源码；需在DOM加载后执行contextmenu事件监听并阻止默认行为，但应避免影响富文本编辑器等依赖该事件的组件，且移动端无需处理；前端防护效果有限，关键应加强后端鉴权、数据脱敏与接口权限控制。
-
首先将图像绘制到canvas，通过getImageData获取像素数据，遍历修改RGBA值实现灰度、反色、亮度调节等效果，再用putImageData写回；需注意跨域限制和数组边界处理。
-
纯CSStext-shadow是实现长阴影的首选，需控制偏移步长与颜色衰减（如rgba(0,0,0,0.08)），8–12层、dx/dy递增、blur=0、无衬线粗体为佳；SVGfilter更适合响应式缩放场景；伪元素skewX()方案轻量但SEO不友好且易失真；Web字体加载失败会导致阴影错位，须用font-display:swap和fontloadingAPI兜底。
