CSS学习笔记 | 青训营笔记

95 阅读2分钟

1. CSS 简介

CSS 的主要使用场景就是美化网页,布局页面的

HTML 的局限性

说起 HTML ,他只关注内容的语义。

比如<h1>表明这是一个大标题,<p> 表明这是一个段落,<img>表明这有一个图片,<a> 表示此处有链接。

虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐

CSS 是层叠样式表(Cascading Style Sheets)的简称

有时我们也称之为 CSS 样式表或级联样式表

CSS 也是一种标记语言

CSS主要用于设置 HTML 页面中的文本内容(字体,大小,对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式

CSS 让我们的网页更加丰富多彩,布局更加灵活自如

简单理解:CSS 可以美化 HTML,让 HTML 更漂亮,让页面布局更简单

总结:

  1. HTML 主要做结构,显示元素内容

  2. CSS 美化 HTML,布局网页

  3. CSS 最大价值:由 HTML 专注去做结构呈现,样式交给 CSS,即结构(HTML)与样式(CSS)相分离。 1.3 CSS 语法规范

使用 HTML 时,需要遵从一定的规范,CSS 也是如此,要想熟练地使用 CSS 对网页进行修饰,首先需要了解 CSS 样式规则

CSS 规则由两个主要的部分构成:选择器以及一条或多条声明

 选择器是用于指定 CSS 样式的 HTML 标签,花括号内是对该对象设置的具体样式
 属性和属性值以“键值对”的形式出现
 属性是对指定的对象设置的样式属性,例如字体大小,文本颜色等
 属性和属性值之间用英文“ : ”分开
 多个“键值对”之间用英文“ ; ”进行区分
 

空格规范

h3 {
    color: pink;
}

① 属性值前面,冒号后面,保留一个空格

② 选择器(标签)和大括号中间保留空格