第一种插入样式的方式----外联式:
python_002.html
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>css样式</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div>这是一个div标签</div>
</body>
</html>
index.css:
div{
font-size: 26px;
color: red;
}
结果(有个问题,没有变红,不知道为什么,后期知道再来修改吧)
第二、三种:
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>css样式</title>
<!-- 第一种插入样式的方式 外联式-->
<link rel="stylesheet" type="text/css" href="css/index.css">
<!-- 第二种插入样式的方式 内嵌式-->
<style type="text/css">
h1{
font-size: 20px;
color: gold;
}
</style>
</head>
<body>
<h1>这是一级标题</h1>
<div>这是一个div标签</div>
<!-- 第三种插入样式的方式 行内样式-->
<a href="http://www.itcast.cn" style='font-size=30px;color:pink'>传智播客</a>
</body>
</html>