CSS笔记——css阿里图标、iframe内联框架

一、css阿里图标

阿里矢量图标库：https://www.iconfont.cn/

要在网页中使用阿里图标，需要先在阿里图标库中选择所需的图标，然后引入相应的 CSS 文件。

以下是具体的引入方式：

在阿里图标库中选择所需的图标，点击右侧的“下载代码”按钮，选择“CSS”格式，下载生成的 zip 文件。

将下载的 zip 文件解压，找到其中的iconfont.css文件，复制该文件到项目的 CSS 文件夹下。

在 HTML 文件中通过 link 标签引入该 CSS 文件。

在 HTML 中使用相应的图标。

icon-xxx 表示图标的名称，可以在 iconfont.css 文件中查看。

注意，有些图标可能需要引入其他的 CSS 文件，比如 iconfont.js 等。在使用时需要根据具体情况进行引入。

另外，阿里图标库提供了 Webfont、Symbol、SVG、PNG、Sketch 等多种格式的图标下载。根据需要选择对应的格式即可。

二、iframe内联框架

iframe 是 HTML 中的内联框架，可以在网页中嵌入另一个页面。

以下是 iframe 的一些常见知识点：

1、src 属性

src 属性用于指定内嵌页面的 URL 地址，也可以是相对地址或者外部链接。当 src 属性改变时，iframe 会重新加载对应的页面。

<iframe src="http://example.com"></iframe>

2、width 和 height 属性

width 和 height 属性用于设置 iframe 的宽度和高度。可以使用绝对单位（如像素）或相对单位（如百分比）。

<iframe src="http://example.com" width="600" heig