CSS基础

html和css是两种不同的语言，所以有不同的书写位置，也有不同的语法

CSS的语法：

选择器 声明块

选择器：如何选中对应的html标签

声明块：就是对应的css样式 名值对结构

css样式：名值对的结构 样式名:样式值;

font-size: 30px; 设置字体大小

color:red; 设置字体的颜色

background:black; 设置背景颜色

第一种方式：内联样式/行内样式

在开始标签内，配置style属性，在style属性值里写css样式

可以写多组css样式，样式与样式之间用;隔开

缺点：

1、结构和样式耦合

2、不容易修改

总结：不建议使用

第二种方式：内部样式表

在head标签里配置style标签，通过选择器选中对应html结构，

在花括号里面设置css声明块，可以写多组样式，也是以;隔开

语法：选择器{css声明块}

缺点：不方便复用

html文件会变得很长，看起来也不好看

总结：比较大的项目，或者重复使用率比较高的部分，不建议使用

第三种方式：外部样式表

在html文件外新建一个.css文件，在css文件通过选择器选中对应的结构，设置相关的样式

通过link标签，将html文件和css文件联系在一起

总结：大的项目，或者复用率高的，推荐使用