一、CSS技术介绍
CSS是层叠样式表单，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言
二、CSS基本语法介绍
三、CSS与HTML的结合方式
1. 直接在标签的style属性上设置“key:value value”，修改标签样式
下面我们以具体案例进行演示
效果图如下
很明显，这种方式有以下缺点：
-
如果我们的标签有很多、样式有很多，代码量将会非常庞大
-
可读性非常差
-
代码复用性不佳
2.在用一个html文件中的head标签内使用style标签进行定义
效果与上面方法1一致
缺点分析：
-
只能在同一页面内复用代码，不能在多个页面中复用代码
-
维护起来不方便，实际的项目中会有成千上万的页面，要到每个页面中去修改，工作量太大了
3. 创建css文件，在html文件中引入需要的css样式文件
四、选择器
1.标签名选择器
前面我们在css文件中所用的即是标签名选择器
2.id选择器
效果如下：
值得注意的是一个标签只能对应一个id选择器
3.class选择器
效果如下：
与id选择器不同的是：
多个标签可以使用同一个class选择器
4.组合选择器
组合选择器的作用在于可以让多个选择器共用一样的css样式
效果如下
五、常用样式
演示如下：
