CSS学习笔记
我很早学过，只是当时没有系统记录笔记，导致过一段时就容易忘记很多东西。本笔记主要参考 CSS 基础&进阶-千古前端图文教程，W3C School - CSS，MDN web docs - CSS Selectors 选择器Basic selectorsUniversal selectorSyntax: * Type selectorSyntax: elementname Class selectorSyntax: .classname ID selectorSyntax: #idname Attribute selectorSyntax: [attr]、[attr=value]、[attr~=value]、[attr|=value]、[attr^=value]、[attr$=value]、[attr*=value] Grouping selectorsSelector listSyntax: A, B Child combinatorSyntax: A > B General sibling combinatorSyntax: A ~ B Adjacent sibli ...
那些实用且易忘的CSS小技巧
去年跟着 B 站 Pink 老师学过 CSS 基本语法，但平时美化博客时还是会遇到一些 CSS 相关问题，所以再此记录下。 🔥 让 a 标签铺满整个 div 有时候希望点击 div 同时跳转到对应链接，奈何 a 的大小取决于文本大小，但可使用以下方法来铺满整个父盒子，前提是 div 里只有 a 标签一个内容。 123a { display: block;} 文字颜色渐变background: -webkit-linear-gradient(...)为文本元素提供渐变背景。 webkit-text-fill-color: transparent使用透明颜色填充文本。 webkit-background-clip: text用文本剪辑背景，用渐变背景作为颜色填充文本。 12345.custom { background-image: linear-gradient(45deg, #8a7cfb 50%, #633e9c); background-clip: text; color: transparent;} 🔥 毛玻璃特效12 ...
