はじめに ファビコン(Favicon)とは、ブラウザーのタブやブックマークなどで表示される小さなアイコンです。 このブログでは、サイトのルートディレクトリに「favicon.ico」ファイルを配置していた
@font-faceとは @font-faceは、CSSでWebフォントを指定するためのルールです。 @font-face { font-family: ExampleFont; src: url(/path/to/fonts/examplefont.woff) format("woff"), url(/path/to/fonts/examplefont.eot) format("eot"); font-weight: 400; font-style: normal; font-display: fallback; } Webフォントはインターネット上から読み込んで利用するフォントのことで
はじめに フリーフォントなどをサーバーにアップロードしてWeb表示に使用する方法のメモです。 カスタムフォントを使用する CSSの@font-faceを使用すると、カスタムフォントをWeb表示に使用できるよ
はじめに ヘッダーにCSSで自動連番を付与するようにしたので、そのメモです。 CSSで自動連番を付与する方法 CSSのカウンター機能と擬似要素を利用して連番を生成できます。 <h1>ヘッダー<
はじめに 本ブログのCSSを修正するにあたり、CSSの結合子(combinators)の細かい仕様がわかっていなかったため調べてまとめてみました。 結合子の種類 CSSで使用される主な結合子は以下の4つです