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

相关推荐
viperrrrrrrrrr717 分钟前
大数据学习(96)-Hive面试题
大数据·hive·学习
charlie11451419121 分钟前
STM32F103C8T6单片机的起始点:使用GPIO输出点亮我们的第一个小灯(HAL库版本)
stm32·单片机·嵌入式硬件·学习·教程·hal库·gpio
木木黄木木1 小时前
html5炫酷3D文字效果项目开发实践
前端·3d·html5
Li_Ning212 小时前
【接口重复请求】axios通过AbortController解决页面切换过快,接口重复请求问题
前端
每次的天空2 小时前
Android学习总结之算法篇五(字符串)
android·学习·算法
胡八一2 小时前
Window调试 ios 的 Safari 浏览器
前端·ios·safari
Dontla2 小时前
前端页面鼠标移动监控(鼠标运动、鼠标监控)鼠标节流处理、throttle、限制触发频率(setTimeout、clearInterval)
前端·javascript
再学一点就睡3 小时前
深拷贝与浅拷贝:代码世界里的永恒与瞬间
前端·javascript
奕天者3 小时前
C++学习笔记(三十三)——forward_list
c++·笔记·学习
CrimsonHu3 小时前
B站首页的 Banner 这么好看,我用原生 JS + 三大框架统统给你复刻一遍!
前端·javascript·css