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

相关推荐
GISer_Jing4 分钟前
前端沙箱开源项目推荐(React/Next/Vue优先)
前端·react.js·开源
云水一下7 分钟前
CSS3从零基础到精通(三):动感地带——过渡、动画、变形与响应式
前端·css3
不羁的木木28 分钟前
ArkWeb实战学习笔记04-JavaScript与Native通信
笔记·学习·harmonyos
KaMeidebaby39 分钟前
卡梅德生物技术快报|Western Blot 实验应用:肺肠轴机制研究全流程技术解析
前端·数据库·人工智能·算法·百度
li星野1 小时前
RAG优化系列:HyDE(假设文档嵌入)——让LLM先写答案再检索
python·学习
知识分享小能手1 小时前
Flask入门学习教程,从入门到精通,Flask智能租房——用户中心知识点详解(9)
python·学习·flask
达达爱吃肉1 小时前
claude 接入deepseek 运行报错
java·服务器·前端
jingling5551 小时前
Flutter | Dio网络请求实战
android·开发语言·前端·flutter
魔法阵维护师1 小时前
从零开发游戏需要学习的c#模块,第三十一章(技能冷却系统 —— 范围爆炸)
学习·游戏·c#
freeinlife'1 小时前
精准秒表计时器实现---基于js
开发语言·前端·javascript