前端学习CSS

CSS简介

什么是 CSS?
CSS 全名是 Cascading style Sheets,中文名、层叠样式表。
用于定义网页样式和布局的样式表语言。
通过 CSS,你可以指定页面中各个元素的颜色、字体、大小、间距、边框、背景等样式,从而实现更精确的页面设计。

CSS 语法

CSS通常由选择器、属性和属性值组成,多个规则可以组合在一起,以便同时应用多个样式

选择器{

属性1:属性值1;

属性2:属性值2;

}

  1. 选择器的声明中可以写无数条属性

  2. 声明的每一行属性,都需要以英文分号结尾:

  3. 声明中的所有属性和值都是以键值对这种形式出现的;

示例:

这是一个 p 标签选择器

复制代码
p{
    color: blue;
    font-size: 16px;
}

CSS二种导入万式

下面是三种常见的 CSS 导入方式:

1.内联样式 (Inline Styles)

2.内部样式表(Internal Stylesheet)

3.外部样式表(External Stylesheet

三种导入方式的优先级:内联样式>内部样式表'>外部样式表

选择器

选择器是 CSS中的关键部分,它允许你针对特定元素或一组元素定义样式

元素选择器

类选择器

ID 选择器

通用选择器

子元素选择器

后代选择器(包含选择器)

并集选择器(兄弟选择器)

伪类选择器

CSS常用属性

相关推荐
qq_452396238 小时前
第二篇:《前端架构的“道”与“术”:架构设计原则与决策框架》
前端·架构
YM52e8 小时前
鸿蒙ArkTS项目实战 - 门店陈列巡检台:完整代码与运行效果
学习·华为·harmonyos
用户921080262868 小时前
AI 消息列表虚拟滚动:这是业务问题,还是组件能力边界?
前端
前端snow8 小时前
ai agent---mcp知识汇总
前端
计算机魔术师8 小时前
AI 写了一半代码,谁来背锅?Anthropic 的安全重构笔记
前端
明月_清风9 小时前
vLLM 深度实战:2026 年生产级 LLM 推理引擎完全指南
前端·后端·ai编程
风月说与山鬼9 小时前
七、uni-app页面与组件生命周期
前端·uni-app
绿岛之北9 小时前
Electron 安全第三章:URL 加载与 WebView
前端·electron
老当益壮梁奶奶9 小时前
Linux软件编程学习笔记(二)Linux文件IO编程入门:从fopen到fgetc
linux·c语言·c++·笔记·学习
sunoo-2299 小时前
C 语言文件 IO 全攻略:从基础函数到实战踩坑(BMP 读取 + 词典查询)
linux·c语言·前端·笔记·vscode·学习