其他分享
首页 > 其他分享> > 20190326-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属性)

 <body style="background-color:#ccccc;">

2.3.2内部样式表(style元素)

1 <head>
2       <style type="text/css">
3        body {
4         background-color:#ccccc;
5        }
6       </style>
7 </head>

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

 1 style.css:
 2 
 3 body {
 4      background-color:#cccccc;
 5     }
 6 
 7 index.html:
 8 
 9 <head>
10     <link rel="stylesheet" type="text/css" href="style.css" />
11 </head>

3、CSS的选择器

标签:style,文档,样式表,2.3,20190326,CSS,HTML5
来源: https://www.cnblogs.com/nightnight/p/10601552.html