星期一 2026年02月23日
通配符选择器
通配符选择器

通配符选择器什么是通配符选择器通配符选择器(*)选择页面上的所有元素。语法* { 属性名1: 属性值1; 属性名2: 属性值2; }示例<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta nam...

0
星期一 2026年02月23日
原子类
原子类

原子类什么是原子类原子类(也称为工具类)是只包含单个 CSS 属性的类,可以组合使用来快速构建样式。基本概念原子类遵循"一个类做一件事"的原则,每个类只负责一个 CSS 属性。<!-- 传统写法 --> <div style="margin: 10px; padding: 20px; background-color: red;">内容</d...

0
星期一 2026年02月23日
ID 和 Class 命名规则
ID 和 Class 命名规则

ID 和 Class 命名规则基本规则1. 必须以字母开头/* 正确 */ #header .header .my-box /* 错误: 不能以数字开头 */ #1box .1box 2. 只能包含字母、数字、下划线(_),连字符(-)/* 正确 */ #my-id #my_id .my-class .my_class /* 错误: 包含特殊字符 */ #my@id ....

0
星期一 2026年02月23日
后代选择器
后代选择器

后代选择器什么是后代选择器后代选择器(也称为包含选择器)选择某元素的后代元素,包括所有子元素、孙元素等。语法祖先元素 后代元素 { 属性名1: 属性值1; 属性名2: 属性值2; }注意: 选择器之间用空格分隔。示例<!DOCTYPE html> <html lang="en"> <head> <meta charse...

0
星期一 2026年02月23日
Class 类选择器
Class 类选择器

Class 类选择器什么是类选择器类选择器使用 HTML 元素的 class 属性值作为选择器,选择具有特定类名的元素。语法.类名 { 属性名1: 属性值1; 属性名2: 属性值2; }示例<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8...

0