Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

未来電子テクノロジーでインターンをしている梅原です。
タイトル通り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)とかをいれておくんだなって感じました。

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

ryuichiastrona
趣味でkaggleとか機械学習に興味があります。 大学ではメカの勉強をしています。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした