CSS的三种书写形式
(1)行内样式
即直接在标签的style属性中编写。
如:
<div style="color: blue; font-size: 28px; background-color: aliceblue">
(2)页内样式
即在当前网页的head中的style标签中编写。
如:
<head>
<meta charset="UTF-8">
<title>CSS的页内样式</title>
<!--在head中定义页内样式-->
<style>
body{
color: red;
background-color: yellow;
}
div{
color: greenyellow;
background-color: orange;
}
p{
color: brown;
font-size: 30px;
background-color: purple;
border: dashed 5px blue;
}
</style>
</head>
(3)外部样式
即在单独的CSS文件中编写,然后在使用到网页中通过link标签引用。
如:
<head>
<meta charset="UTF-8">
<title>CSS的外部样式</title>
<!--引用外部样式文件-->
<link rel="stylesheet" href="./FileStyle.css">
</head>