文章列表

Tailwind CSS 使用详解

分类：前端

css

目录 Tailwind CSS 简介安装与配置核心概念布局系统排版与文本颜色与背景间距与尺寸 Flexbox 与 Grid 响应式设计伪类与状态动画与过渡自定义配置最佳实践 1. Tailwind CSS 简介 Tailwind CSS 是一个实用优先（Utility-First）的 CSS 框架

阅读全文

CSS选择器

分类：前端

css

概述 CSS选择器是CSS的核心组成部分，用于定位HTML文档中的元素并应用样式。掌握CSS选择器是前端开发的基础技能。本文将详细介绍各种CSS选择器的用法、特性和最佳实践。 1. 基础选择器 1.1 元素选择器（类型选择器） /* 选择所有段落元素 */ p { color: #333; font-size: 16p

阅读全文

CSS/SCSS 高级用法指南：&、:not()、:where() 与工程实践

分类：前端

css

本文聚焦 CSS 与 SCSS 的进阶技巧，重点讲解 SCSS 的 & 父选择器，CSS 的 :not()、:where()（以及相关的 :is()），并结合工程化与可维护性策略给出实战建议。概览 SCSS &：在嵌套环境中引用父选择器，构建语义化结构与状态样式。 CSS :not()：排除匹配的子选择器，控制选择范

阅读全文