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>
  

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