WEB学习笔记7-样式与结构分离
CSS样式应用于HTML总共4种样式:
(1)在HTML页面中链接一个CSS文件
文件以link形式添加到<head>部分,在link中可以设置media属性来表明样式使用的场景。例如,media值设置为screen标示正常浏览的CSS样式,设置为print标志打印时样式。
<link rel="stylesheet" href="default.css"/>
<link rel="stylesheet" href="print.css" media="print">
此模式为最佳模式。
(2)在HTML页面中内嵌CSS样式
将CSS样式直接内嵌到HTML页面的<head>中,所有CSS样式放置在style标签中
<style>
body{}
</style>
(3) 在HTML标签中添加内联CSS样式
此方法是直接添加元素的style属性中
<span>green</span>
(4)在CSS样式文件中加载CSS样式文件
@import "mystyle.css";
@import url("mystyle.css")
此种方法使用较少。