アフィリエイト用語集のカテゴリ記事一覧

カテゴリ:アフィリエイト用語集

アフィリエイト用語集のカテゴリ記事一覧。居眠りばかりしている社長を見て、この会社の将来はあるのかな!?と不安を抱くようになり、好きな車で自由にドライブがしたくてネットビジネスをはじめました。会社勤めしながらでもできるアフィリエイトで気ままに副業生活

アフィリエイト用語集
ブログの文字サイズを決めるときに、px・emという記号が出てきます。px・emをどのように使い分ければ良いのか?px・emについて、調べてみました。☆ pxとはコンピュータで画像を表示するときの色情報を表す最も小さな単位のことをいいます。パソコン、スマホなどの画面には小さな四角がいっぱい敷き詰められています。画面の四角1マスを1pxといいます。☆ emとは文字の高さを基準にしている単位のことをいいます。1文字分の単位の...

記事を読む

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 カテゴリ
 タグ
None

pxとemの違いと使い方

ブログの文字サイズを決めるときに、px・emという記号が出てきます。

px・emをどのように使い分ければ良いのか?

px・emについて、調べてみました。



☆ pxとは

コンピュータで画像を表示するときの色情報を表す最も小さな単位のことをいいます。
パソコン、スマホなどの画面には小さな四角がいっぱい敷き詰められています。
画面の四角1マスを1pxといいます。

tani.png





☆ emとは

文字の高さを基準にしている単位のことをいいます。
1文字分の単位のことをいいます。

emの由来は、大文字の『M』から来てるようです。
大文字の『M』はタテとヨコに均等にたくさんの空間を占めるということで、文字サイズの基準に使われてきたようです。

今は、emを文字の高さと同じ幅という使い方をしています。





☆ pxとemの変換について

1em=16px

pxとemの変換について調べるなら、このサイトが便利です。
http://pxtoem.com/





ブログでは、あらかじめCSS(スタイルシート)というところで、基準になる文字サイズを決めています。

ほとんどは、pxで設定してあるようです。

pxは、絶対単位といわれていて、どんな環境で見ても文字サイズが変わらないんです。

ブログの基準になる文字サイズが16pxに設定されていれば、ブログで文字サイズを決めるときに、1emを選べば、16pxになるということです。




ブログの基準になる文字サイズ

⇒ style="font-size:16px;"

px・em・100%のHTMLタグはそれぞれ下の通りです。

<span style=font-size:16px">16px・1em・100%はすべて同じ文字サイズ!</span>


<span style=font-size:1em">16px・1em・100%はすべて同じ文字サイズ!</span>


<span style=font-size:100%">16px・1em・100%はすべて同じ文字サイズ!</span>




表示結果

16px・1em・100%はすべて同じ文字サイズ!

16px・1em・100%はすべて同じ文字サイズ!

16px・1em・100%はすべて同じ文字サイズ!





px・em・100%、すべて同じ文字サイズになっていますね。




文字サイズや余白などの設定にはemを使ったほうがわかりやすいですね。



1emは一文字ですからね。





最後まで読んでいただき、ありがとうございます。



スポンサーサイト
Copyright © 脱サラしたいサラリーマンがアフィリエイトを実践、気ままにネットビジネス All Rights Reserved.

テキストや画像等すべての転載転用販売を固く禁じます

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。