html5 css快捷标签大全,20190326-HTML5标签、CSS的引用

目录

1、HTML5标签

2、CSS的引用

CSS的定义

CSS的工作原理

CSS的引用：行内样式、内部样式、外部样式

3、CSS的选择器

内容

1、HTML5标签

2、CSS的引用

2.1CSS的定义

CSS(Cascading Style Sheets)：层叠样式表，用于静态修饰网页，还可配合脚本语言动态地格式化网页各元素

2.2CSS的工作原理

当浏览器显示文档时，必将文档的内容与其样式信息结合，分两个阶段处理文档(如下图)：

浏览器将HTML和CSS转成DOM(文档对象模型)

浏览器显示DOM的内容

2.3CSS的语法结构

CSS 语法由三部分构成：选择符、属性和值

2.3CSS的引用

2.3.1行内样式表(style属性)

2.3.2内部样式表(style元素)

1

2

3 body {

4 background-color:#ccccc;

5 }

6

7

2.3.3外部样式表(样式表文件.css)

1 style.css:

2

3 body {

4 background-color:#cccccc;

5 }

6

7 index.html:

8

9

10

11

3、CSS的选择器

标签：style,文档,样式表,2.3,20190326,CSS,HTML5

来源： https://www.cnblogs.com/nightnight/p/10601552.html