什么是CSS_深谙水性的鱼-CSDN博客

本文链接：https://blog.csdn.net/weixin_46589409/article/details/106124532

CSS：层叠样式表（Cascading Style Sheet）
作用：美化页面
层叠样式: 对同一个标签添加多个不同的样式,所有样式会叠加在一起展示出效果

初体验

<!DOCTYPE html> 
<html lang="zh-CN"> 
<head>
	<meta charset="UTF-8"> 
	<title>css&js入门</title> 
	<style> 
		span{
			font-size: 50px; 
			color:red; 
		border: 1px solid skyblue; 
		} 
	</style> 

</head> 
<body> 
<span>中国加油，武汉加油！！</span> <br> 
<span>向奋斗在一线的医护人员致敬</span> <br> 
</body> 
</html>

优点：

实现了样式和内容的分离，提高了显示效果和样式的复用性
降低耦合性，分工更加明确，CSS专门用于美化，HTML专门用于结构搭建

CSS书写规范

<style>
  /*
	CSS注释内容
	CSS语法:
	  选择器{css样式}
	  CSS样式格式:{样式名:样式值;样式名:样式值}
  */
  span{
    color:green;/*字体颜色*/ 
    font-size: 20px;/*字体大小*/ 
    border:1px solid skyblue;/*边框*/
	}
</style>