プログラミング

【プログラミング独学】HTML&CSS 18日目、メインの構造

プログラミング学習(HTML&CSS)をProgateで学習した内容を記録したものです

 

Progateでの学習と自分でリサーチしてわかったことをメモしています

 

今回はProgate演習18をやりました

 

 

mainの構造

メインは

copy-container

contents

contact-form

の3つの要素で構成されている

 

html

<div class=”copy-container”>

</div>

<div class=”contents”>

</div>

<div class=”contact-form”>

</div>

上からcopy-container、contents、contact-formのクラス名をつけている

 

span要素

文中の一部にCSSを適用する場合は<span>を使う

html

<h1>

ようこそ<span>Progate</span>へ

</h1>

css

span {

color: #ff0000;

}

実際の表示

ようこそProgate

 

<span>で囲った部分にCSSを適用できる

 

ブロック要素

改行される要素

<h1>や<p><div>など

 

インライン要素

改行されない要素

<span><a>など

  

 

まとめ

copy-containerとcontentsの違いがイマイチよくわからない・・・

  

ただ、プログラミングを勉強していく上で大事なことは、自分で調べる力だということをTwitterなどで先輩エンジニアの方々が言っているのを見た

 

確かにその通りだと思った

 

自分の仕事でもそうだった。効率は悪いかもしれないけど聞くよりも

 

自分で壁に当たって、悩んで、調べたり検証したりして得た知識の方が、経験として誰かに話せるから自分の財産になる

 

というわけでProgateこのまま進めていきます

 

実力試し出来そうな道場コースがあるようなので初級編終わったらやってみよう

 

 

学習終わり

ブログランキングに参加中です。

応援よろしくお願いします。

ブログランキング・にほんブログ村へにほんブログ村

人気ブログランキング