auの日記

プログラミング初心者の日記。(auはハンドルネームです)

CSS

1emはどれくらいの大きさを示しているか

CSS

auです。CSSでは、大きさを指定する値にpxやemを使います。pxはよく見かけますが、emは何を表しているのかなーと思ったので調べてみました。 em emは、親要素の相対値を表します。1em = 100%と考えれば良いです。例えば、親要素でfont-sizeが12pxで指定され…

spanタグの中央寄せの方法

CSS

auです。pタグは「text-align: center」で中央寄せできます。しかし、spanタグだとできなかったのでやり方を調べました。 解決法 .top-comment { display: block; margin-right:auto; margin-left:auto; } spanはインライン(ブロック内で構成する要素の1つ)…

意外と知らない設定ボタンの名称

css

auです。ハンバーガーメニュー(≡)を知っていますか。Webサイトの右上とかに表示されていて、クリックすると展開されるアレです。同じような感じで「︙」は何ていうのか気になったので調べてみました。ハンバーガーっぽくないから別称もあるよね。 結論 結論…

スマホの大きさ・パソコンの大きさでデザインを変える方法

auです。Webサイトの作成で、レスポンシブデザインにする場合、Bootstrap4を使っていました。しかし、それだとBootstrap4にやりたいことがない場合、レスポンシブデザインを実装することが難しいため、普通な?方法を調べてみました。 メディアクエリ 調べて…

HTMLとCSSを2年ぶりにガチで書いた

auです。大学1年の時に講義で受けた以来にWebページを作成しました。全部1からという訳ではなく、フリーでテンプレートとなるCSSを拾って、分からない箇所や、適応されているものにどんな意味があるのかを解釈しながらやっていたので、普段のC言語とかOcaml…