HTML:Hyper Text Markup Language:超文本标记语言,网页结构
CSS:Cascading Style Sheet:层叠样式表,级联样式表
三种引入样式的方式:
内联样式 把样式直接写在开始标签里
内部样式 用标签里面
外联样式<!--<link href="css/CSS1_file.css" rel="stylesheet" />-->
内联样式,内部样式和外联样式三个一起用的时候,内联样式权重最高(最终一定用内联样式)
内部样式和外联样式谁在后就听谁的
<p style="color: blue; font-size: 24px;">文字显示</p>
内联样式
#jjn{
color: crimson;
background-color: cyan;
font: 50px;
font-family: “微软雅黑”;
}···内部样式
<link href="css/CSS1_file.css" rel="stylesheet" />
外部样式
外部样式以CSS样式文件夹引入
<html>
<head>
<meta charset="UTF-8">
<title>CSS样式引入</title>
<style>
/*p{
color: chartreuse;
font-size: 50px;
font-family: "仿宋";
}*/
#jjn{
color: crimson;
background-color: cyan;
font: 50px;
font-family: "微软雅黑";
}
</style>
<link href="css/CSS1_file.css" rel="stylesheet" />外部样式
</head>
<body>
<b>HTML:Hyper Text Markup Language:超文本标记语言,网页结构</b><br />
CSS:Cascading Style Sheet:层叠样式表,级联样式表<br />
三种引入样式的方式:
内联样式 把样式直接写在开始标签里
内部样式 用<style></style>标签里面
外联样式<!--<link href="css/CSS1_file.css" rel="stylesheet" />-->
内联样式,内部样式和外联样式三个一起用的时候,内联样式权重最高(最终一定用内联样式)
内部样式和外联样式谁在后就听谁的
颜色 大小
<p style="color: blue; font-size: 24px;"><b>内联样式表</b></p>内联样式
<p id="jjn"> CSS样式引入</p>内部样式
<p>CSS样式引入</p>
</body>
</html>```