首页 > Web开发 > 详细

20190326-HTML5标签、CSS的引用

时间:2019-03-26 17:59:31      阅读:155      评论:0      收藏:0      [点我收藏+]

目录

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的选择器

20190326-HTML5标签、CSS的引用

原文:https://www.cnblogs.com/nightnight/p/10601552.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!