前端学习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常用属性

相关推荐
Hyyy14 分钟前
很多Desktop都在上的Computer Use是什么
前端·llm
慢功夫16 分钟前
开篇:VS Code 为什么不是一个普通 React App
前端·visual studio code
憧憬成为java架构高手的小白21 分钟前
MySQl学习
学习
你挚爱的强哥27 分钟前
Vue2 实现 1.5s 十连击监听(连续点击若干次),封装通用可复用点击检测工具,不用 data!Vue 封装通用连击监听方法,支持自定义时长与点击次数
前端·javascript·vue.js
huashengzsj1 小时前
Shopify个人建站如何搭建独立站:从零开始的完整指南
前端·网络·人工智能
三品吉他手会点灯1 小时前
嵌入式机器学习 - 学习笔记1.1.1 - 什么是机器学习?
c语言·人工智能·笔记·嵌入式硬件·学习·机器学习
程序猿小泓1 小时前
从 Claude Code 学 Agent Harness:一个前端工程师的 AI Agent 学习笔记
前端·人工智能·学习
minglie12 小时前
Axi4Full转SMMR突发读写和单次读写对比
学习
柒和远方2 小时前
从审计日志到可下载证据包:事务型 Outbox、租约 fencing 与保留水位
前端·后端·架构
换个昵称22 小时前
大模型学习8下-高性能推理引擎vLLM学习笔记
笔记·学习·vllm