CSS入門 - Githubissues

yuyuyuriko78 commented 4 years ago

CSSとは

対象のhtml要素 {
   設定項目(=プロパティ): 設定内容;
}

body {
   font-size: 20px;
}

「対象のhtml要素」を指定するとき、対象とする要素が

＜タグまるごとのとき＞

＜特定のclassのとき＞

yuyuyuriko78 commented 4 years ago

プロパティ...設定項目このサイトが見やすい。

font-size:
font-family:
font-style:
color:
background-color
border 　枠線を付ける。　特段指定しなかったとしても、すべての要素には、初期状態からborderが含まれている（見えない状態となっている）　太さ(px)　種類(solid)　色　を順に指定する。　border-○○(方向)とすると、その方向にだけ線が引かれる。　○○... top, bottom, right, left
margin 　borderの外側の余白を作る。単位はピクセル。　＜一つだけ値を指定＞上下左右すべての方向に、その大きさの余白が追加される。　＜４つ、半角スペースで区切って指定＞上右下左の順の指定となる　＜２つ、半角スペースで区切って指定＞上下と左右それぞれの指定となる　margin-○○(方向)とすると、その方向にだけ余白が作られる。
padding 　borderの内側の余白を作る。単位はピクセル。　＜一つだけ値を指定＞上下左右すべての方向に、その大きさの余白が追加される。　＜４つ、半角スペースで区切って指定＞上右下左の順の指定となる　＜２つ、半角スペースで区切って指定＞上下と左右それぞれの指定となる　padding-○○(方向)とすると、その方向にだけ余白が作られる。
float 　要素の並び順を指定する。li要素などにつける。leftにすると、左から順に横並びとなる

Atsuhiko commented 4 years ago

柿埜さん、このサイトいいですね。早速ブックマークに登録しました！

yuyuyuriko78 commented 4 years ago

htmlで、別に変えたい部分をspanタグで囲む例：「ようこそ富山県へ」の「富山県」だけ緑色にしたい
```
<h1>ようこそ<span>富山県</span>へ</h1>
```

span {
  color: green;
}

yuyuyuriko78 commented 4 years ago

htmlのすべての要素には、初期状態から見えないborder（枠線）が含まれている。

Atsuhiko commented 4 years ago

そうだったんですね！