CSS作为修饰,把页面做的漂亮好看,我们称之为样式,样式分为三种:内联样式,内部样式以及外部样式。下面我们介绍一下这三种样式。
(一)内联样式
设置在标签内部,但是作为CSS,这种用法不推荐使用。
<h1 style="color: purple;">今天天气很好!</h1>
<!-- 内联样式不推荐使用 -->
(二)内部样式
适用于在同一网页内,在<head>标签内使用<style>标签
语法:选择器 + { } 大括号里面写样式内容。
注意:<style>样式表里不支持HTML语法规则,在HTML里面的注释规则与样式表里不一样,样式表里的注释语法:CTRL + /
/* 注释内容 */
(三)外部样式
外部样式就是创建一个CSS文件,后缀名为:.css
在html文件中,头部链接css文件。
<link rel="styleSheet" href="CSS简介.css">
其实就是将内部样式,<style>中的样式内容移到css文件中,在css文件中写样式内容。
以上就是三种样式类型,其中内联样式不需要选择器,直接对该位置的标签进行修饰;
外部样式和内部样式都需要选择器来选择,下一篇我们讲CSS选择器。