花の歌奏

みなさま、こんにちはー(*´ω｀*)ﾉ
花です(*´ω｀*)


この記事を書いているのは10月19日（土）なのですが、今朝、いつものようにお仕事に行きながらラジオを聞いていました。

今朝流れていたのは「秋元才加とJOYのWeekly Japan!!」という番組だったのですが、今回のお話は骨髄ドナーや骨髄移植のお話でした。

私、最近はお薬を飲んでることもあって、献血に行けなくなってしまったんですが、昔はわざわざ当時行っていたアルバイトのお休みを取ってまで、献血に行ってたくらいなんです(笑)

なんというか、偽善者とか綺麗ごとって思われてしまうかもしれませんが、私にとって、献血をすることって簡単に出来る人助けだから嬉しかったんです(*´ω｀*)

私の場合、きっかけは当時仲良くしてくれた友人でした。

友人は、献血に何度か行ったことあるよーって方だったので、じゃあ連れてって！ってお願いしたんです(*´ω｀*)

そして、献血にハマりました(笑)

おかげで、次の献血はいつから行けますよーって日に、わざわざアルバイト先に事前にお休みをもらい行っていました(*´ω｀*)

今は、お薬を飲んでるから献血は行けないけど、いつかまた行けるようになりたいなぁ(*´ω｀*)

なんて思ってる私なので、骨髄ドナーはかなり興味があるんですよっ！！

また、機会があれば、どんな内容のお話だったか書きますが、みなさんもぜひ献血行きましょう！

あぁー今回特にまとまってない(´・ω・｀)

でもそんなの関係ねーと、どこかの芸人さんらしく、気にせず本題に行きます(笑)




今回は、「ホームページの作り方 〜応用編04〜」になります。




さて、質問です。

前回、フォントサイズ（文字サイズ）を変更する方法を書きました。

例として、largeとmediumとsmallを書きました。

では、質問です。

largeよりさらに上になると、

〇-large

その上になると、

〇〇-large

となりますが、この〇の中に入る文字は何でしょう？



正解は、xです。

服のサイズとかのXLと同じような感じですね(*´ω｀*)


では、本題です。

前回、上記の質問のように、文字によってフォントサイズを変更しました。


今回は、もっと微細な変更ができるように数値で変更しようという方法になります。

といっても、数値はみんなの知ってる10進数で大丈夫です。


問題は、それに対する単位です。


単位は、下記のようなものがあります。

px
em
pt
rem
%

vw
vh
vmin
vmax

上下に分けた理由は、ちょっと使い方に違いがあるからです。

上部分の単位は、見るからに形が変わります。

例えば、10pxと20pxの大きさはかなり変わります。
1emと2emもだいぶ大きさが変わります。

この辺りは、みなさんにぜひ試してもらいたいので、色んな数値を入れてみてください。

ちなみに、参考にこんなものを書いておきます。

100% = 1em = 1rem = 16px = 12pt


さて問題は、下部分のvが頭に付いたもの、ちょっと使い方が難しいです。

ただ、完全に使いこなせるようになると、ホームページを作る人としてはかなりの武器になります！

なぜかというと、インターネットを開く画面の大きさや、例えばパソコン画面と携帯画面での大きさなどでの違いを一概には言えませんが、気にしなくてすむような作り方を出来てしまうんです。

簡単に説明すると、上部分の単位は、画面のサイズがいくら変わってもその単位のままの大きさです。

なので
画面小さいのに大きいまま＞＜
とか
画面大きいのに小さいまま＞＜
とかになってしまいます。

ところが、下部分は見た目によって大きさを変更できる組み方ができるので、色んな応用方法があります。

ただし、使い方が難しいです。

このあたりは、専門にそのことを書いたサイトを色々調べてみてくださいね(*´ω｀*)


ということで、次回は実際に書き方をお話しますね(*´ω｀*)

では今回はこの辺でー(*´ω｀*)ﾉ
~~~ヾ(*'▽'*)o マタネー♪