2025年css常见的列表（2025年html中列表的分类有哪些,css中的列

css选择器最常用的类型

标签选择器：选择器的名字代表html页面上的标签 标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”。

CSS选择器的类型分为3类：标记选择器、类别选择器和ID选择器。三大类，分别为：id选择器，class选择器，标签选择器。css3的选择器有哪些？标签选择器，也称为元素选择器。标签选择器的基本形式如下：tagName{property：value}，其中tagName是标签名称，property是css的属性。类选择器。

CSS3中的三种属性选择器分别为： [属性名^=值]（开头匹配选择器）该选择器用于匹配属性值以指定值开头的元素。例如，a[src= 符号限定属性值的起始部分，常用于筛选特定前缀的链接或资源路径。 [属性名$=值]（结尾匹配选择器）此选择器针对属性值以指定值结尾的元素进行匹配。

CSS选择器类型主要有以下几种：标签选择器：通过HTML标签名称来选择元素。例如，p选择器会选择所有标签。应用建议：尽量应用在层级选择器中，以提高选择器的精确性和效率。id选择器：通过元素的id属性来选择元素。id名称在文档中必须是唯一的。例如，#header会选择id为header的元素。

css样式表名字有什么规则?

1、DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样，DIV+CSS样式表命名也需要遵循规则。

2、比如主导航就是MainNav，如果还有必要在区分就是MainNav_1，MainNav_2等等。也可以使用类型+变量名称的规则来命名，比如写一个红色字体的class，可以.f_red {}（f是font 字体的缩写）。总之原则是：大小写、_、缩写，大大增强代码的可读性。

3、对于CSS样式的命名规则，建议用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字，为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间。

4、避免使用数字作为开头CSS类名不应以数字开头，因为某些CSS选择器（如ID选择器）不允许以数字开头。例如：使用itemitem-1等代替直接使用1item。 遵循命名约定在团队内部形成统一的命名约定，确保所有成员都遵循相同的命名规则。这有助于减少代码冲突和提高协作效率。

5、CSS是层叠样式表，英文全称为Cascading Style Sheets。它是一种用于表现HTML或XML等文件样式的计算机语言，核心作用是实现网页内容与样式的分离。以下是具体说明：基本定义CSS通过定义样式规则控制网页元素的视觉表现，例如布局、字体、颜色、背景等。

6、命名规则：CSS文件通常以.css作为文件扩展名，这是标准的命名方式，用于标识该文件包含的是层叠样式表（Cascading Style Sheets）代码。功能作用：表现样式：CSS是一种用来表现HTML或XML等文件样式的计算机语言。它允许开发者对网页的外观进行精确控制，包括颜色、字体、布局等。

常用的CSS属性。

float，css的一种属性，主要属性值为：left（左浮动）、none（不浮动）、right（右浮动）、inherit（继承父元素浮动），多用于网页排版。float属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

CSS中的浮动属性float主要有以下四个值： left将元素浮动至其容器的左侧，后续内容会环绕在元素右侧。这是最常见的浮动方式之一，常用于图文混排或创建多列布局。例如，在图片库中，通过设置float： left；可使图片从左向右依次排列，当空间不足时自动换行。

首先新建一个 常用的css属性.html 文件，如图所示。输入HTML5的结构代码，将title标签里面的内容修改成：常用的css属性，如图所示。color：设置文字颜色（前景色），如图所示。font-size：设置文字大小【px】，如图所示。

xUnit yUnit（位置-数值）说明：规定此属性的位置，值为数值。第一个值是水平位置，第二个值是垂直位置，值从0到100，单位是像素（0px 0px）或任何其他的CSS单位。如果仅规定了一个值，那么另一个值将是50%。可以混合使用position和%值。

盒子模型是CSS中一个很重要的概念，页面中的所有元素都可以看成一个盒子，并占据一定的页面空间，一个页面由很多盒子组成，盒子之间会互相影响。只有掌握盒模型以及其中每个属性的用法，才能真正控制好页面元素。 盒子模型主要定义四个区域： 内容（content）、内边距/填充（padding）、边框（border）和外边距（margin）。