一、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