HTML:Hyper Text Makeup Language 超文本标记语言 网页结构
Cascading Style Sheet意思:层叠样式表.级联样式表
color:颜色
三种引入样式的方式:
1.内联样式:把样式直接写在开始标签里
2.内部样式:用标签书写样式
3.外部样式:用<link href=“css文件位置“ rel"stylesheet” />引入写好的css文件。
内联样式.内部样式和外部样式三个一起用的时候,内联样式权重(最终一定内联样式)
内部样式和外部样式谁在后面就听谁的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!-- 2.内部样式:用<style> </style> -->
<!--<style>
p{
color: lightcoral;
font-size: 45px ;
font-family: "仿宋";
}
</style>-->
<!--3.外部样式引入-->
<link href="css/new-file.css" rel="stylesheet" />
</head>
<body>
<!--1.内联样式:把样式直接写在开始标签里 -->
<!--<p style="color:red; font-size: 24px;">层叠样式表</p>-->
<p>层叠样式表</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!-- 2.内部样式:用<style> </style> -->
<style>
p{
color: lightcoral;
font-size: 45px ;
font-family: "仿宋";
}
body{
background: url(img/jj.jpg);
}
</style>
<!--3.外部样式引入-->
<link href="css/new-file.css" rel="stylesheet" />
</head>
<body>
<!--1.内联样式:把样式直接写在开始标签里 -->
<!--<p style="color:red; font-size: 24px;">层叠样式表</p>-->
<p>层叠样式表</p>
</body>
</html>