前端基础知识之“CSS是什么”

前端基础知识之“CSS是什么”

CSS是层叠样式表，是种格式化网页的标准方式，用于控制设置网页的样式，并且允许CSS样式信息与网页内容分离的一种技术。以下是关于CSS的详细解释：
组成部分：CSS的定义由三部分组成，包括选择符、属性、属性值。
引用方式：
内部样式：也称为内嵌样式，在页面头部通过<style>标签定义。对当前页面中所有符合样式选择器的标签都起作用。行内样式：也称为嵌入样式，使用HTML标签的style属性定义。只对设置style属性的标签起作用。外部样式：使用单独的.css文件定义，然后在页面中使用<link>标签或@import指令引入。选择器：
id选择器：为标有特定id的HTML元素指定特定的样式，页面中标签的id名称必须唯一且不能重复。class选择器：为标有特定class的HTML元素指定特定的样式，页面中标签的class名称可以不唯一且可以重复。标签选择器：直接使用HTML标签作为选择器。子代选择器：选择当前元素的所有子元素，定义时用>隔开。后代选择器：选择嵌套标签元素，定义时用空格隔开。相邻兄弟选择器：选择紧接在另一元素后的元素，且二者有相同父元素，定义时用+隔开。后续兄弟选择器：选取所有指定元素之后的相邻兄弟元素，定义时用~隔开。交集选择器：选择的元素必须同时满足多个条件，定义时用标签名.ID名/类名。并集选择器：多种元素共享某种属性，定义时用逗号隔开。通配符选择器：匹配任何标签，常用于统一页面样式。属性选择器：根据元素的属性及属性值来选择元素。CSS属性：
字体属性：设置字体相关的样式。文本属性：包括阴影效果、大小写、文本缩进、对齐方式等。背景属性：设置对象的背景颜色、背景图片、背景图片的重复性、背景图片的位置等。边框属性：设置对象边框的颜色、样式以及宽度，使用对象的边框属性时必须先设定对象的高度及宽度。列表属性：常用的有liststyletype、liststyleimage、liststyleposition以及liststyle。鼠标指针属性：通过cursor属性设置鼠标指针的显示图形。CSS通过这些功能和选择器，可以灵活地控制网页的样式和布局，使网页更加美观和用户友好。
2025-03-07