<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--
color 设置字体颜色
background-color 设置背景色
font-size 设置字体大小 默认字体大小是16px
-->
<!--第二种方式:内部样式表
写在head标签内部,写一个子元素,style标签,
通过选择器中对应的要设置的元素/标签,在{}里设置一组一组样式
也可以写多组样式,也需要;隔开
缺点:不方便复用
-->
<!--第三种方式:外部样式表
在html文件的外部建一个,css文件,在css文件里写样式
然后通过在head标签内部写子标签link标签,
将html标签和css连接在一起
link标签里有href属性,在href里写入
-->
</head>
<body>
<!--第一种方式:内联样式/行内样式
写在标签里面,写一个style属性,将一组一组的样式写在style里面
color;red; 样式名;样式值
可以写多组样式,但一定要用;隔开
优点:
1、使用方便,不容易错
缺点:
1、结构和表现耦合了
2、不容易修改
注意:尽量少用
-->
</body>
</html>