• CSS笔记——基本语法及相关知识

    CSS层叠样式表是用于定义 HTML 或 XML 文档的样式和布局的语言。它可以让开发者更加灵活地控制页面元素的样式和排版，从而提高页面的可读性和用户体验

    一、css样式书写顺序和规范

    CSS样式的书写顺序和规范是为了让代码更易读、易维护和易扩展。下面是一些常见的规范：

    1. 建议按照以下顺序书写CSS属性：
      • 定位属性：position, top, right, bottom, left, z-index；
      • 盒模型属性：display, box-sizing, width, height, padding, border, margin；
      • 字体相关属性：font, line-height, text-align, text-transform, text-decoration；
      • 背景相关属性：background, color；
      • 其他属性：cursor, overflow, opacity等。
    2. 为了提高可读性和可维护性，建议每个属性单独一行，并且在属性名和属性值之间加一个空格。
    3. 使用缩写属性可以减少代码量，但是要确保清楚明白地说明每个属性的取值，尽量避免缩写造成的混淆和错误。
    4. 避免使用通配符（*）选择器和!important，因为它们会对性能和代码的可维护性产生负面影响。
    5. 使用语义化的命名规范来命名类名和ID名，以便于理解和扩展。
    6. 对于重复的样式代码，可以使用继承或者共享类名的方式来减少代码量。
    7. 在注释中说明样式的用途和意义，以便于其他人理解和维护代码。
    8. 在项目中统一使用一种CSS预处理器（如Sass、Less等），可以提高代码的可读性和可维护性。

    总之，规范的CSS样式书写可以提高代码的质量和可维护性，减少代码错误和浪费的时间。

    二、基本语法及相关知识

    1、引入方式

    • 内联样式：在HTML元素中使用style属性设置CSS样式规则。

      
<div style="background-color: #f0f0f0;">Hello Worlddiv>

      • 1
      • 2

    • 内部样式表 ：在HTML文档头部使用