什么是CSS？
CSS（Cascading Style Sheets）是网页开发中用于描述网页内容样式的语言。通过CSS可以控制文本、图像、背景等元素的显示效果，使网页设计更加灵活和统一化。 CSS样式一般包括选择器、属性和取值三个部分，其中属性和取值组成了属性值。通过不同的选择器选中不同的元素，将相应的属性与取值写入样式中，就可以改变这些元素的样式。
关于属性？
CSS的属性是用来定义元素的外观、布局、状态及过渡效果。
掌握属性值
CSS属性可以有多个取值，并且可以是RGB值、十六进制值、等特定格式。掌握属性值是使用CSS的基本要求之一，下面列出一些常用的属性值：
长度单位：px、em、rem、cm、mm等。
颜色单位：单词（如red、green）、RGB值、十六进制值。
字体单位：px、em、rem、百分比等。
掌握属性优先级
CSS属性优先级决定了当多个CSS规则应用到同一个元素时，哪个规则会被执行。CSS属性的优先级由高到低分别是：！important > 行内样式 > ID选择器 > 类、属性选择器 > 标签选择器 > 通配符选择器。通过继承和级联机制掌握CSS当中的属性继承和属性覆盖现象。
常用CSS属性
文本样式属性
CSS文本样式属性是控制字体、间距、对齐、文字装饰效果等的样式属性。
font-size属性
font-size属性用来设置字体大小，可以是百分比、单位或者相对单位，如下所示：
font-size: 20px; //使用像素为单位
font-size: 1.5em; //使用相对单位
font-size: 120%; //使用百分比
font-family属性
font-family属性用来设置字体的名称或者类型，如下所示：
font-family: "Microsoft YaHei", Verdana, sans-serif; //设置源字体为微软雅黑，备选字体为Verdana、sans-serif
line-height属性
line-height属性用来设置文本行间距，可以是数字、单位或百分数，如下所示：
line-height: 1.8; //单位为数字
line-height: 20px; //使用像素为单位
line-height: 120%; //使用百分比
盒子模型属性
在CSS中，所有元素都被表示为盒子模型。这个模型由 content、padding、border以及margin四部分构成。
width属性
width属性用来设置元素的宽度，可以使用像素、百分数、元素比例等，如下所示：
width: 100px; //使用像素为单位
width: 50%; //使用百分比
width: calc(100% - 20px); //使用calc计算表达式，减去20像素的宽度
width: 1fr; //使用元素比例。fr表示一份，可以设置多个元素比例，系统会自动计算元素宽度占比
height属性
height属性用来设置元素的高度，可以使用像素、百分数、元素比例等，如下所示：
height: 100px; //使用像素为单位
height: 50%; //使用百分比
height: 1fr; //使用元素比例，system会自动计算元素高度占比
padding属性
padding属性用来给元素的content区域设置内边距，可以使用像素、百分数、auto等，如下所示：
padding: 20px; //设置上下左右内边距都为20个像素
padding: 20px 40px;//设置上下内边距为20像素，左右内边距为40像素
border属性
border属性用来给元素设置边框，可以设置边框的样式、宽度、颜色等，如下所示：
border: 1px solid #ccc; //设置宽度为1px，样式为实线，颜色为#ccc
border-width: 1px 2px; //分别设置上下边框宽度为1像素，左右边框宽度为2像素
border-style: dotted; //设置边框样式为点状线
margin属性
margin属性用来给元素设置外边距，可使用像素、百分数、auto等，如下所示：
margin: 20px; //设置上下左右外边距为20像素
margin: 20px 40px; //设置上下外边距为20像素，左右外边距为40像素
margin: 0 auto; //设置水平居中，垂直0外边距
定位布局属性
CSS定位布局属性可以帮助开发者实现复杂的布局效果，如相对定位、绝对定位、固定定位等，实现页面中元素的精确控制。
position属性
position属性用来设置元素的定位方式，可以取值static、relative、absolute、fixed等，如下所示：
position: relative; //相对定位，相对于元素原来的位置进行定位
position: absolute; //绝对定位，相对于最近的已定位元素进行定位，如果没有已定位元素，则相对于文档的body定位。
position: fixed; //固定定位，相对于浏览器窗口进行定位，不会随页面滚动而移动。
top、right、bottom、left属性
上下左右属性用来设置元素的边距，可以使用像素、百分数等，如下所示：
top: 100px; //设置上边距为100个像素
right: 50%; //设置右边距为50%
bottom: 20px; //设置下边距为20像素
left: 30%; //设置左边距为30%
float属性
float属性用来设置元素的浮动方式，使元素向左或向右浮动，实现最大化屏幕空间的布局效果。如下所示：
float: left; //向左浮动
float: right; //向右浮动
结论
本文中罗列了一些常用的CSS属性及其用法，总之CSS是网页开发中难以避免的一部分，只有掌握了这些基本属性才能写出漂亮、实用的网页，希望本文对大家的学习有所帮助。