css 区别是什么

css（层叠样式表）是前端开发中的重要组成部分，它可以使网页更加美观和易于阅读。但是对于刚开始学习前端的人来说，可能会被css中的一些术语混淆。本文将介绍css中的一些常见术语和它们之间的区别。

1. CSS选择器和CSS属性

CSS选择器和CSS属性是CSS的两个重要组成部分。CSS选择器用于选择要应用样式的HTML元素，而CSS属性用于设置元素的样式。CSS选择器和CSS属性之间的区别在于它们的作用。CSS选择器是用于定位HTML元素的，而CSS属性是用于指定HTML元素将要应用的样式的。

1. class和id

class和id是CSS选择器中的两种常见标识符。class用于标识一组元素，而id用于标识唯一的元素。class和id之间的区别在于它们的应用场景。class适用于一组元素，而id适用于唯一的元素。当为多个元素设置相同的样式时，使用class是更好的选择；而当需要为单个元素设置样式时，使用id更为合适。

1. Padding和Margin

Padding和Margin是CSS中常见的两个属性。Padding是指元素内部和边框之间的距离，而Margin是指元素的外边距，即元素与相邻元素之间的距离。Padding和Margin之间的区别在于它们的作用。Padding是用于控制元素内部内容与边框之间的距离，而Margin是用于控制元素与相邻元素之间的距离。

1. Absolute和Relative

Absolute和Relative是CSS中常见的两种定位方式。Absolute是一种绝对定位方式，它使元素相对于其最近的已定位祖先元素进行定位。而Relative是一种相对定位方式，它使元素相对于其原始位置进行定位。Absolute和Relative之间的区别在于它们的参照点。Absolute参照的是已定位祖先元素，而Relative参照的是元素的原始位置。

立即学习“前端免费学习笔记（深入）”；

1. Inline和Block

Inline和Block是CSS中的两个重要的显示模式。Inline是一种内联模式，它使元素在一行内显示，并根据内容自动调整宽度。而Block是一种块状模式，它使元素在新行上开始，并占据整个可用宽度。Inline和Block之间的区别在于它们的布局方式。Inline布局适合一些文本或者行内元素，而Block布局适合一些大块状元素。

总的来说，CSS中的术语和属性有很多，它们之间的区别可以归纳为作用和应用场景的不同。了解这些术语和属性之间的区别，可以让前端开发人员更好地理解CSS的工作原理，并更高效地应用它们。