css基础知识

CSS（Cascading Style Sheets，层叠样式表）是一种用于描述网页内容布局、字体、颜色、背景等样式的语言。它与HTML结合使用，用于美化和排版网页。

以下是CSS的基础知识：

选择器（Selector）：用于选择要应用样式的HTML元素。常见的选择器有标签选择器、类选择器、ID选择器、属性选择器等。
属性（Property）：用于定义样式的特性。常见的属性有font-size（字体大小）、color（文本颜色）、background-color（背景颜色）等。
值（Value）：属性的取值。可以是固定的值，如颜色名称（red）或十六进制值（#FF0000），也可以是相对的值，如百分比（50%）或em（相对于父元素的字体大小）。
盒模型（Box Model）：用于描述HTML元素的尺寸和边距。每个元素都由内容区域、内边距、边框和外边距组成。
层叠（Cascading）：CSS样式表的一个重要特性，指的是多个样式规则同时应用到一个元素上时，如何确定最终的样式。通常是根据选择器的优先级和特殊性来决定。
媒体查询（Media Queries）：用于根据设备的特性（如屏幕宽度、设备类型等）应用不同的样式。可以用于响应式网页设计，使网页在不同设备上有不同的布局和样式。
伪类（Pseudo-classes）和伪元素（Pseudo-elements）：用于选择元素的特定状态或位置。伪类如:hover（鼠标悬停）、:active（被点击）等，伪元素如::before（在元素前插入内容）和::after（在元素后插入内容）等。
浮动（Float）：用于控制元素的布局方式，使元素可以从正常的文档流中脱离出来，可以左浮动或右浮动。常用于创建多列布局。
相对定位（Relative Positioning）和绝对定位（Absolute Positioning）：用于控制元素的位置。相对定位相对于元素在正常文档流中的位置进行偏移，绝对定位相对于最近的具有定位属性（如相对定位或绝对定位）的祖先元素进行偏移。
响应式设计（Responsive Design）：一种设计方法，使网页能够根据设备的特性自动调整布局和样式，以适应不同的屏幕大小和设备类型。

这些是CSS的基础知识，掌握这些知识可以帮助你开始使用CSS来美化和排版网页