大前端学习笔记3-CSS基本语法

ikkhksvu

1、CSS概述

（一）产生背景

从HTML被发明起始，样式就以各样形式存在，最初的HTML只包括很少的表示属性。随着HTML的成长，为了满足页面设计者的需求，HTML添加了非常多表示功能，例如：文本格式化标签。然则随着这些功能的增多，HTML变得越来越杂乱，况且HTML页面亦越来越臃肿。于是CSS便诞生了。

（二）发展过程

（三）CSS概念

CSS全叫作Cascading Style Sheets，层叠式样式表，是一种用来表现HTML的文件样式的计算机语言。功效：静态在修饰网页，并且能够协同脚本语言动态地对网页各元素进行格式化。

（四）前端三层技术

（五）CSS的构成

2、CSS语法

（一）CSS代码书写位置

CSS的代码按照书写位置区别分为四种书写方式：内联式、内嵌式、外联式、导入式。

外联式样式表<link>标签属性

（二）CSS规则

CSS规则由两个重点的部分形成：选取器 { 一条或多条声明 }

（三）CSS注释语法

一个清晰易读的CSS代码，离不开CSS注释的恰当添加。语法格式：/* 中间部分为注释内容 */VS Code快捷键：ctrl+/

（四）CSS代码书写风格

代码风格是实质研发中的书写方式，并非强制标准。

3、CSS常用样式

（一）文字三属性

颜色值的两种写法

常用的颜色名和颜色值

字体和字号的重视事项及实质应用

（二）盒子实体化三属性

倘若想在浏览器中详细看到一个盒子占有的实质位置，必须设置盒子能够实体化的三属性。

4、CSS选取器

在内嵌式和外边CSS中，想要将CSS样式应用于特定的HTML元素，首要必须找到该目的元素，此时必须用到CSS中的选取器。选取器：选取要添加样式的HTML标签的一种办法、模式。

5、CSS层叠式

CSS概念中，除了前面说到的样式外，还有一个要紧的概念便是层叠式，层叠式是贯穿全部CSS的一个性质，包括继承性和层叠性。

上一篇笔记：

下一篇笔记：