CSS笔记汇总-最全最仔细（会时刻更新）

由于篇幅限制，我无法在这里提供完整的CSS笔记。但是，我可以提供一些关键点和常用CSS属性的简短描述。如果你需要更详细的信息，请告诉我，我会尽我所能提供。

1. 选择器：

   • 标签选择器（例如：p）
   • 类选择器（例如：.classname）
   • ID选择器（例如：#idname）
   • 后代选择器（例如：div p）
   • 子选择器（例如：div > p）
   • 相邻兄弟选择器（例如：h1 + p）
   • 通用兄弟选择器（例如：h1 ~ p）
   • 属性选择器（例如：input[type="text"]）
   • 伪类选择器（例如：:hover）
   • 伪元素选择器（例如：::before）

2. 常用CSS属性：

   • 文字属性：font-family, font-size, color
   • 背景属性：background, background-color, background-image
   • 布局属性：display, position, top, right, bottom, left
   • 盒模型属性：width, height, padding, margin, border
   • 流属性：float, clear
   • 定位属性：overflow, clip, z-index
   • 显示属性：visibility, opacity
   • 列表属性：list-style
   • 表格属性：border-collapse, border-spacing
   • 阴影和边框图案属性：box-shadow, border-radius
   • 变换属性：transform
   • 动画属性：@keyframes, animation

3. CSS框架和库：

   • Bootstrap
   • Foundation
   • Tailwind CSS

4. CSS预处理器：

   • Sass
   • Less

5. CSS优化和性能：

   • 使用CSS工具（例如PostCSS）
   • 优化选择器性能
   • 使用CSS Sprites
   • 使用字体图标
   • 减少HTTP请求
   • 使用内容分发网络（CDN）
   • 代码压缩

6. 响应式设计：

   • 媒体查询（@media）
   • 弹性盒子布局（display: flex）
   • 网格布局（display: grid）
   • 流体宽度/高度

7. 其他重要CSS特性：

   • 浮动
   • 分层（z-index）
   • 透明度（opacity）
   • 圆角（border-radius）
   • 阴影和边框（box-shadow, border）
   • 转换（transform）
   • 动画（@keyframes, animation）
   • 伪元素（::before, ::after）
   • cursor属性

这些是CSS的核心概念和属性。记住，CSS是一种声明式语言，你可以用它来选择元素并对其应用样式。每个属性都有一组有效的值，你可以根据需要使用它们。