添加内部CSS之后，完整的HTML文件如下所示：

CSS types
Cascading Style sheet types: inline, external and internal

我们还可以在样式表中使用选择器(类和ID)。

例：

.class {
    property1 : value1; 
    property2 : value2; 
    property3 : value3; 
}

#id {
    property1 : value1; 
    property2 : value2; 
    property3 : value3; 
}

内部CSS的优点

• 当我们在HTML页面中添加代码时，内部CSS无法上传多个文件。

内部CSS的缺点：

• 在HTML文档中添加代码将减少页面大小和网页加载时间。

2.外部CSS

在外部CSS中，我们将网页链接到外部.css文件。它由文本编辑器创建。 CSS是一种更有效的网站样式设置方法。通过编辑.css文件，我们可以立即更改整个网站。

要使用外部CSS，请按照以下步骤操作：

1.使用文本编辑器创建一个新的.css文件，并添加级联样式表规则。

例如：

.xleftcol {
   float: right;
   width: 35%;
   background:#608800;
}
.xmiddlecol {
   float: right;
   width: 35%;
   background:#eff3df;
}

2.在之后添加对外部.css文件的引用