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