css的使用方式
1.行内样式(内联样式)
<标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>
2.页面嵌入(内部样式表)
在head标签里面增加一个子标签
<style>
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
</style>
3.外部文件(外部样式表)
在head标签里面增加一个子标签
<link rel="stylesheet" href="css文件的路径" />
4.外部导入样式
主要用在样式初始化。因为有一些标签有自己的样式,我们需要清空,方便自己计算
css语法: (符号都是英文的)
选择器{
属性名1:属性值1;
属性名2:属性值2;
......
}
-->
基本结构如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="" />
<!--<style>
div{
200px;
height:200px;
background-color:#f00;
}
</style>-->
<link rel="stylesheet" href="04.css" />
</head>
<body>
<!--<div style=" 100px;height: 100px;"></div>-->
<div></div>
</body>
</html>