1. CSS 简介
CSS 的主要使用场景就是美化网页,布局页面的
HTML 的局限性
说起 HTML ,他只关注内容的语义。
比如<h1>表明这是一个大标题,<p> 表明这是一个段落,<img>表明这有一个图片,<a> 表示此处有链接。
虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐
CSS 是层叠样式表(Cascading Style Sheets)的简称
有时我们也称之为 CSS 样式表或级联样式表
CSS 也是一种标记语言
CSS主要用于设置 HTML 页面中的文本内容(字体,大小,对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式
CSS 让我们的网页更加丰富多彩,布局更加灵活自如
简单理解:CSS 可以美化 HTML,让 HTML 更漂亮,让页面布局更简单
总结:
-
HTML 主要做结构,显示元素内容
-
CSS 美化 HTML,布局网页
-
CSS 最大价值:由 HTML 专注去做结构呈现,样式交给 CSS,即结构(HTML)与样式(CSS)相分离。 1.3 CSS 语法规范
使用 HTML 时,需要遵从一定的规范,CSS 也是如此,要想熟练地使用 CSS 对网页进行修饰,首先需要了解 CSS 样式规则
CSS 规则由两个主要的部分构成:选择器以及一条或多条声明
选择器是用于指定 CSS 样式的 HTML 标签,花括号内是对该对象设置的具体样式
属性和属性值以“键值对”的形式出现
属性是对指定的对象设置的样式属性,例如字体大小,文本颜色等
属性和属性值之间用英文“ : ”分开
多个“键值对”之间用英文“ ; ”进行区分
空格规范
h3 {
color: pink;
}
① 属性值前面,冒号后面,保留一个空格
② 选择器(标签)和大括号中间保留空格