css复习

CSS（Cascading Style Sheets，层叠样式表）是一种用于为HTML文档添加样式的编程语言。通过CSS，开发者可以控制文本的样式、布局以及颜色等信息，使得网页的视觉呈现更加丰富和个性化。CSS的命令涵盖了从简单的样式设定到复杂的布局规则等多个方面。

常用CSS命令

以下是一些常用的CSS命令及其用途：

属性	用途
color	设置元素的文本颜色
background-color	设置元素的背景颜色
font-size	设置元素的字体大小
font-weight	设置元素的字体粗细
font-family	设置元素的字体家族
line-height	设置元素的行高
text-align	设置文本的水平对齐方式
text-decoration	设置文本的修饰效果，如下划线、删除线等
text-transform	设置文本的转换效果，如倾斜、旋转等
letter-spacing	设置字符间距
word-spacing	设置单词间距
margin	设置元素的外边距
padding	设置元素的内边距
border	设置元素的边框属性
border-radius	设置元素边框的圆角半径
display	设置元素的显示方式，如块级、内联、内联块等
visibility	设置元素的可见性，如隐藏、显示
position	设置元素的定位方式，如绝对定位、相对定位、固定定位等
top、bottom、left、right	设置元素在定位位置的偏移量
float	设置元素的浮动属性
clear	清除浮动影响
width、height	设置元素的宽度和高度
max-width、max-height、min-width、min-height	限制元素的最大和最小宽高
overflow	设置元素的溢出处理方式
background-image	设置元素的背景图片
background-repeat	设置背景图片的平铺方式
background-size	设置背景图片的尺寸
background-position	设置背景图片的位置
opacity	设置元素的透明度
z-index	设置元素的堆叠顺序

CSS选择器

CSS选择器是用来指定样式规则应用范围的工具。根据选择器的类型，可以分为以下几类：

选择器类型	描述
标签选择器	直接使用HTML标签作为选择器，如div、p、a等
类选择器	使用class属性作为选择器，如.class
ID选择器	使用id属性作为选择器，如#id
属性选择器	使用HTML属性作为选择器，如[attribute]
伪类选择器	为特定行为或状态设置样式，如:hover、:focus等
伪元素选择器	创建不存在的元素来添加样式，如:before、:after等
组合选择器	结合多个选择器，如.class #id或.class p等

CSS属性详解

每个CSS属性都有特定的用途和格式，例如：

• color属性用于设置文本颜色，可以接受颜色名称、RGB值、RGBA值等多种格式。
• background-color属性用于设置背景颜色，同样可以接受多种颜色格式。
• font-size属性用于设置字体大小，单位可以是像素（px）、em（相对于当前字体大小的倍数）等。
• font-weight属性用于设置字体粗细，可以接受数值（如400、700）或关键词（如normal、bold）。
• position属性用于设置元素的定位方式，可能的值包括static（默认值，不定位）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）。