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

相关推荐
索迪迈科技2 分钟前
Flex布局——详解
前端·html·css3·html5
咔咔一顿操作4 分钟前
【CSS 3D 实战】从零实现旋转立方体:理解 3D 空间的核心原理
前端·css·3d·css3
DONG9135 分钟前
深度解析CSS单位与媒体查询:构建现代化响应式布局的核心技术
前端·css·html·css3·媒体
wanzhong23339 分钟前
ArcGIS学习-20 实战-地形研究
学习
一只小风华~12 分钟前
Vue: Class 与 Style 绑定
前端·javascript·vue.js·typescript·前端框架
wanzhong233315 分钟前
ArcGIS学习-20 实战-县域水文分析
学习·arcgis
小马学嵌入式~24 分钟前
嵌入式 SQLite 数据库开发笔记
linux·c语言·数据库·笔记·sql·学习·sqlite
索迪迈科技27 分钟前
java后端工程师进修ing(研一版 || day40)
java·开发语言·学习·算法
Zz_waiting.1 小时前
Javaweb - 14.6 - Vue3 数据交互 Axios
开发语言·前端·javascript·vue·axios
切糕师学AI1 小时前
前后端分离架构中,Node.js的底层实现原理与线程池饥饿问题解析
前端·vue.js·node.js