oshushichangのブログ

プログラマになるため、勉強した内容を日報として家庭用esaに記録し、旦那からFBを貰っている日々を綴っています。

0628日報

日報

やったこと

やったこと ないよう さんこう
esa 日報テンプレート作り help/投稿テンプレート - docs.esa.io
Markdown の課題 課題のテキストを自分なりに Markdownで書く Markdown記法
CSSの基本を理解する CSS入門 , CSSのposition サルワカ - サルでも分かる図解説明マガジン

こまったこと・わかったこと

CSS文字コードの指定

  • @charset "UTF-8"; から CSS をかきはじめる

CSS の値の ; 区切り

  • 複数のプロパティを指定するときはセミコロンで区切る、と書いているが単数で区切っても問題無いのだろうか
    • 問題無さそう。且つ付け忘れ回避の為にもつけちゃったほうが良いかもしれない

ルール上最後の宣言にセミコロンは必要ありませんが後から更に宣言を追加する場合に、セミコロンの付け忘れなどが生じないよう宣言の数に関わらず付けるようにすると良いでしょう。 参考 - CSSの記述の仕方|CSSの基本|CSS HappyLife ZERO

セレクタの書き方

  • id名で指定するときは#id
  • class名で指定するときは.class
  • 複数指定するときはコンマで区切る
  • 半角スペースで区切ると子孫セレクタを指定できる

文字サイズ

  • webページのメインの文章は15 - 18px がおすすめらしい

position の値

  • static 初期値(あんまり気にしなくてよい)
    • 位置を変えたいときはrelative absoluteを使う
    • staticz-index は 0
  • relative 現在の位置を基準に相対的な位置決め
  • 親要素はrelativeにしておくとよい
  • absolute 親要素を基準に絶対的な位置決め
  • fixed 決まった位置に固定
    • 位置の基準は親要素ではなくウィンドウ全体

CSS3で追加された要素

  • border-radius 角を丸くする
    • 50% で指定すると円になる!
  • opacity 透過、0 から1 の間で指定する

ひとこと

  • 毎日、前日の日報をコピーして、不要箇所を削除してから日報を書いていたのでesaでテンプレートを作りました。いずれは自動esaやり機を自分で読み解いて、実装できるようになりたい...!(がんぼう)

旦那より

複数のプロパティを指定するときはセミコロンで区切る、と書いているが単数で区切っても問題無いのだろうか

全部につける派!プロパティが複数あるかの判断を毎回したくないです。

毎日、前日の日報をコピーして、不要箇所を削除してから日報を書いていたのでesaでテンプレートを作りました。

エモい!

今日のまとめ

  • 昨日もエモいって言ってなかった?