HTML只关注内容的语义，有很大的局限性

CSS的作用：网页的美容师

一、CSS概念和作用

概念：CSS（Cascading Style Sheets）CSS样式表/层叠样式表/级联样式表

作用：

二、引入CSS的方式

2.1 行内式（内联样式）

通过标签的style属性来设置元素的样式,任何HTML标签都有style属性

<标签名 style="属性1：属性值; 属性2：属性值; 属性3：属性值;">内容</标签名>

缺点：没有实现样式和结构的分离

2.2 内部样式表（内嵌样式表）

将CSS代码集中写在HTML文档的head头部标签中，并且使用style标签定义

<head>
    <style type="text/css">
        选择器{
            属性1: 属性值1;
            属性2: 属性值2;
            属性3: 属性值3;
        }
    </style>
</head>

2.3 外部样式表（外链式）

将所有的样式放在一个或者多个以CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件连接到HTML文档中

<head>
    <link rel="stylesheet" type="text/css" href="css文件路径">
</head>

三、CSS选择器

3.1 CSS基础选择器

font-style: normal; 把倾斜字体改为正常不倾斜

选择器 { font: font-style font-weight font-size/line-height font-family }