2017初めて子供が生まれました。初めての子供なので毎日楽しいのですがわからない事もいっぱいあります。 子育てを経験されたかたなどからのコメントお待ちしております。 また、これから出産される方などに少しでもお手伝いできたらと思っています。

パパが娘にできること

初めての子供で子供のために何ができるか挑戦中

高さと幅と背景の色

高さと幅と背景の色

 

 

今日もHTMLの基礎をします。

これは私自身の頭の中の整理のために記載しております。

間違えや表現が違う可能性があります。

間違えや表現が違う場合は教えて頂けると嬉しく思います。

 

 

  1. 背景の色を変える
  2. 横幅と高さを変える

 

 

CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。

 

 

背景の色を変える

 

背景の色をかえるには、”background-color”を用いて

色の指定を行います。

 

HTMLファイル

<h1>これはh1ファイルです。<h1>

<p>これはpファイルです。</p>

 

CSSファイル

h1 {

color: #ff0000;←文字の色を変更

font-size:10px;←文字のサイズを変更

font-family:serif←文字のフォントを変更

background-color:#dddddd;←文字の背景を変更

}

 

p {

color: #ff0000;←文字の色を変更

font-size:10px;←文字のサイズを変更

font-family:serif←文字のフォントを変更

background-color:#ffd800;←文字の背景を変更

}

 

 

横幅と高さを変える

背景や写真や画像の横幅と立幅を変更するには

横幅を”width”

高さを”height”を使用し

”px”で数値を指定します。

 

 

HTMLファイル

<h1>これはh1ファイルです。<h1>

<img src=”https://papakatsusho.hatenablog.com/">

このURLはテストで使用しています。

 

CSSファイル

h1 {

color: #ff0000;←文字の色を変更

font-size:10px;←文字のサイズを変更

font-family:serif←文字のフォントを変更

width:500px;←横幅を指定する

height:80px;←高さを指定する

background-color:#dddddd;←文字の背景を変更

}

 

img {

width:500px←横幅を指定する

height:200px←高さを指定する

}

 

 

毎日少しづつ頑張ろう!!