1. CSS
CSS = 层叠样式表 Cascding Style Sheet
HTML 表达结构, CSS 表达样式。
样式和内容 / 结构是分离的。(CSS 根本概念)
CSS 就是 HTML 标记当中用来给出样式,有不同的作用范围。
2.如何在 HTML 页面中加入 CSS
做一个外部的 CSS 文件,链接到 HTML 页面当中。
<link rel="stylesheet" type="text/css" href="mystyle.css">
在头部 <head></head> 中做一个 <style></style> 标记,定义一系列 CSS 规则,这些规则在这个 HTML 页面可以使用。
在单个 HTML 标记里头加入 style 属性,属性里面加入 CSS 的样式,标记的结构(内容)如何显示。
3.基本样式
基本样式包含名字和值。background-color:yellow; 中间用冒号分隔,结尾加分号表示这个样式结束了,后面可再加别的样式。
如果作为内嵌在 HTML 标记当中的属性。<p style="background-color:yellow;"> 这个段落遵循这个样式(谁离得最近听谁的)。
如果放在头部 <head></head> 之间,<style></style> 之间放入 p{background-color:gray;} 表示所有段落的样式(全局)。接下来首先使用内嵌的标记中讲解样式,最后再看全局的规则。