CSSを使って、自己紹介ページを作ってみた。

Webエンジニアの雄大です。

ということで、半日程かけて、昔の自分のアメブロをイメージして、自己紹介ページを作ってみました。

基礎の基礎だったので、詰まるところは皆無でした。

過去の業績も一緒にまとめてみたのですが、結構いろいろな事をやっていたなと。
最近はひたすら、社内の業務だけに集中しているので、目立った活動はしていないなと。。。

まぁ、いい振り返りになりました。

☆classセレクタ
htmlファイル
<p class="note">Today is holiday.</p>

CSS
.note{
    color:green;
}

☆idセレクタ
htmlファイル
<h1 id="log">logo</h1>

CSS
#logo{color:orange;}

☆子孫セレクタ
htmlファイル
<p><img src="img/picture.jpg" alt=""></p>

CSS
p img{padding:0px;}
 ☆複数セレクタ
htmlファイル
<h3>Today was topic</h3>
<p>I ran.</p>

CSS
h3,p{color:gray;}