謎の数字、{font-size: 62.5%;}ってなに？｜株式会社しずおかオンライン
web媒体のデザイン時における文字サイズの単位「em」について。 なぜ {font-size: 62.5%;}を設定するの？CSS3で使えるもっと便利な「rem」とは！？ こんにちは。 デザイン研究課、青柳です。 webサイトを作る上で、文字の大きさを考慮することは非常に大切です。 ただ、webサイトの場合は、ユーザーが文字設定を変えることで webページの文字サイズを変更することがあります。 そのためwebデザインでは、コーディングの際に ユーザーの環境に合わせてそれぞれの文字サイズが 相対的に変わるようにする必要があるのです。 この時に使うのが、「em」という単位。 「em」とは文字の高さを基準にした単位です。 1emが1文字分を表し、使用している環境によって大きさが変化します。 特にfont-sizeの設定がない場合、1em=16pxなので、 16pxの文字が出したいなあと思ったら文
CSSで変数（カスタムプロパティ）を使ってみよう
2020年5月13日 CSS プログラミングではおなじみの変数。SassやLESSといったCSSプリプロセッサーをお使いの方もよく使うものですね。この一度定義しておけば繰り返し利用できる便利な変数が、CSSでも使えるようになりました！今回はCSS変数（カスタムプロパティ）の使い方と注意点をまとめていきます！ ↑私が10年以上利用している会計ソフト！ CSSカスタムプロパティとは？ 公式では「カスケード変数のためのCSSカスタムプロパティ（CSS custom properties for cascading variables）」としていますが、単に「CSSカスタムプロパティ」や「CSS変数」などとも呼ばれています。 変数は文字列や数値などを入れる箱のようなものです。例えば数学では「y = 3x」のような式があり、この y や x の中には自由に数字を当てはめられます。これが変数というもの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
