引入css样式的方法
1.行内式(内联样式)
基本语法格式:
<标签名 style="属性1:属性值1;属性2:属性值2;">内容</标签名>
案例:
<div style="color:red;font-size:12px;">行内式的学习</div>
缺点:没有实现样式和结构相分离。
2.内部样式表
基本语法格式:
<head>
<style type="text/CSS">
选择器{
属性1:属性值1;
属性2:属性值2;
属性3:属性值3;
}
</style>
</head>
案例:
<head>
<style type="text/css">
h2{
color:red;
font-size:12px;
}
</style>
</head>
<body>
<h2>内部样式表的学习</h2>
</body>
注意:type="text/css"在html5中可以省略
缺点:没有彻底分离
3.外部样式表(外链式)
基本语法格式:
<head>
<link rel="stylesheet" type="text/css" href="css文件路径">
</head>