cssとスプライトマップ
1.まえがき・基礎知識
1-1。VisualStudioコードソフトウェア
マイクロソフトは、2015年4月30日のBuild DeveloperConferenceでVisualStudio Codeプロジェクトを正式に発表しました。これは、Mac OS X、Windows、およびLinuxで実行され、最新のWebおよびクラウドアプリケーションの作成を目的としたクロスプラットフォームのソースコードエディターです。
1. Visual Studio Codeのダウンロードリンク：https://code.visualstudio.com/
1.2 Visual Studio Codeインストールチュートリアル：
https://blog.csdn.net/weixin_37590454/article/details/89436577
1-2 Unicode
Unicode（Unicode、Universal Code、Single Codeとも呼ばれます）は、文字セット、エンコードスキームなど、コンピュータサイエンスの分野における業界標準です。Unicodeは、従来の文字エンコードスキームの制限を解決するために作成されました。Unicodeは、クロス言語およびクロスプラットフォームのテキスト変換と処理の要件を満たすために、各言語の各文字に統一された一意のバイナリエンコーディングを設定します。研究開発は1990年に始まり、1994年に正式に発表されました。
2.cssとウィザード図の手順
1.ブラウザで「AlibabaVectorIconLibrary」を開きます。
2.検索ボックスに目的のアイコンを入力します（例：「カメラ」）
。3。選択したアイコンをショッピングカートに追加します。
4.ショッピングカート
→コードのダウンロード
→ダウンロードした圧縮パッケージを対応する場所に保存します（場所を変更して記憶します）。
アーカイブアンパック5.
→へdemo_index.htmlとinfont.css（変更の位置念頭に置いて軸受）に対応する位置にファイルをコピーします。
6.ウィザードをプログラムに追加します。図
6.1リンクを使用して、ヘッダーのiconfont.cssファイルをインポートします。
（スプライトのサイズfont-size:100px;と色は、スプライトフォルダーの内容を変更することで調整できますcolor:purple;）
<head>
<link rel="stylesheet" href="iconfont.css">
<style>
.iconfont{
font-size: 400px;
color: purple;
}
</style>
</head>
6.2スパンタグを使用して、スプライト画像をボディに追加します。spanタグの特定のコンテンツは、demo_index.htmlファイルにあります。
<body>
<span class="iconfont"></span>
</body>
リンクタグ：.cssライブラリをプログラムに導入します
リンクラベルの形式：<link rel="stylesheet" href="地址+文件名">
アドレス+ファイル名：現在のパス：./iconfont.cssまたはiconfont.css
前のパス：../iconfont.css