- 外部CSS
- 内部CSS
- 行内CSS
外部CSS
通过外部样式表，只需要修改一个文件就可以改变整个网站的样式。
每个页面在head部分的<link>元素内包含外部CSS的引用。
<link rel="stylesheet" type="text/css" href="mystyle.css">
外部CSS，必须是.css扩展名保存。外部文件内容如下。
body{
background-color:lightblue;
}
h1{
font-size:24px;
}
p{
color:#ffffff;
}
注意请无在属性值和单位之间添加空格。
内部CSS
内部样式一般放在head部分的<style>元素中。如下
<head>
<style>
body{
background-color:lightblue;
}
h1{
font-size:24px;
}
p{
color:#ffffff;
}
</style>
</head>
行内CSS
行内CSS也叫内联样式，为单个元素定义样式。
<body style=”background-color:lightblue;”>
<h1 style=”font-size:24px;”>行内CSS</h1>
</body>
多个样式的优先级
行内样式为第一优先级
外部样式和内部样式两种样式定义同一个元素，看哪一个样式是最后的，最后的表现出来。
0