LoginSignup
1

More than 5 years have passed since last update.

[progate]html&css初級編を終えたのでアウトプット

Posted at

未来電子テクノロジーでインターンをしている梅原です。
タイトル通りhtml&css初級編を終えたので、なるほどとおもった点を書いてきます。


cssの指定方法

cssはタグ名とクラス名で指定、効果をつける部分を指定します。

sample
<h1 class='red'></h1>
<h1 class='blue'></h1>
<h1 class='green'></h1>
sample
h1{
  font-family: "MS ゴシック",sans-serif;
}

.red{
  color:red;
}

上のコードだと
h1タグのフォントはゴシックになる。
その中でも、redクラスだけ色が赤色になる。

ちなみに、クラスはスペースでタグに複数つけられたり、タグ、クラスの順番で指定することでcssの効果をかける相手を限定できる。

書いていて思ったのはクラスの種類が増えてきたりするとcssのコード量が増えて見にくくなって、修正とか大変そうだなということ。
と思って調べたら、sassという便利なものがあるそうです。
sassを使うとcssを入れ子構造でかけて、重複する部分のコード量が減らせて、しかも見やすい!今は時間ないですが、余裕ができたら触ってみたいです。

htmlは箱で考える

初心者なんで「何言ってんだ」って思われるかもしれないですが、道場コース(自分でほぼ1から作る)をやっていて、一見複雑というか、どうやって組み立てたらいいんだろうっていう部分が何個もあって、それを考えるときに、大きな箱(ヘッダーとか)に中ぐらいの箱(div)の中に小さな箱(ul)とかをいれておくんだなって感じました。

以上
プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1