行内样式 直接在标签里面添加style属性,在style属性里面写样式即可;
内部样式 在<head>标签里面通过<style>标签来写入内部样式;
外部样式 通过<link>标签引入外部样式表。
1.首先打开EditPlus软件,新建一个样式表文件,写入一些样式,如下图所示。
2.接下来我们在建立一个样式表文件,在这个样式表文件中通过import属性导入上一个样式表,如下图所示。
3.然后在html中我们用link标签导入上面声明的样式文件,如下图所示。
4.接下来我们运行HTML文件,我们可以看到虽然只导入了一个样式文件,但是两个样式表的样式都加载进来了,如下图所示。
5.另外在运用import的时候一定不要放在样式下面,如下图所示,这样是不生效的。
6.最后运用import导入样式也不要忘了分号,如下图所示,忘了分号也是不生效的。
即使用style属性,将CSS直接写在HTML标签中。例如:<p style=color:red这行段落将显示为红色。</p注意:style属性可以用在<body内的所有(X)HTML标签上,但不能应用与<body以外的标签,如<title<head等标签。二,嵌入式样式表(Embedded Style Sheets)嵌入式样式表使用<style</style标签嵌入到(X)HTML文件的头部中,代码如下:<head<style type=text/css<!--.class{color:red} -- </style</head注意:对于一些不能识别<style标签的浏览器,使用(X)HTML的注释标签<!-- 注释文字 --把样式包含进来。这样源码天空,不支持<style标签的的浏览器会忽略样式内容,而支持<style标签的浏览器会解读样式表。三,外部样式表(Link Style Sheets)在<head标签内使用<link标签将样式表文件连接到(X)HTML文件中。代码如下: