0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

30代からのプログラミング勉強 6日目(HTML/CSS入門編)

Last updated at Posted at 2020-11-30

本日は仕事が休みだったので短時間のコースを一気見しちゃおう!なんて思っていたのですが、MacOSがアプデされておらずこの後できるかなぁといった所です。

と言う訳でまだ時間はありますがキリのいい所まで進んだので投稿していきます。

##学習内容
###CSS

box-shadow: 0 0 10px rgba(0, 0, 0, .4)

影の設定。X軸、Y軸、影のサイズを指定。rgbaのaで透過度を指定出来る。

太字
font-weight: bold;

boldで太字に指定。数字でも指定可能で、細くする事も可能。

dispray: block;

これについては理解が浅いです…少し調べた限りでは縦に並べる要素を使う事でそのままでは改行されない所で改行させられる…と。

span
<span></span>

divと同じ様にclassを使うなどして区別する上で使用する。ただしdivは改行する性質を持っているので一行内で区別する場合はこちらを使用する。

紐付け
<label for=○○></label>
<input id=○○>

forとidを同値にする事で紐付けがなされる。上記の様に記述するとlabelが付与されているテキストをクリックする事でもテキストボックスの入力が可能になる。

##所感
丁度1セクションが終わった所なので、PCが触れない環境でも動画を見返す等して改めて復習し知識の整理を行って行かなければならないと感じる。

0
0
0

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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?