webプログラミング講座 7日目

今日の授業は昨日の続きのcssの記述です。

文字のカラー、文字の大きさ、文字の形をcssを使って帰る指示を出す作業でした。

手打ちで打つため、間違いが多くうまく指示が出ないこともあり、いらっと来ることも・・・・

1つでも文字が抜けると上手く動かないのですね!その間違いを見つけるのも一苦労です。

 

文字打ちも遅いため、みんなより少し遅れ気味でこれから足を引っ張りそうな感じがしてきました。

おっさんだから少しは許してもらおう!

 

cssでバックグランドの写真などの指定も少し理解出来た。前から疑問に思っていたホームページの後ろの写真を固定する方法も分ったので収穫あり!

意外とペースが早く小さな脳みそには少しオーバー気味で頭痛が・・・・・

 

今日のファイル

HTMLファイル

<!DOCTYPE html>
<html lang”ja”>
<head>
<meta charset”=”utf-8″>
<title></title>
<meta name=”author”content”">
<meta name=”description” content=”">
<meta name=”keywords”content”">
<link rel=”stylesheet” href=”05_selecter.css”>
<style></style>
</head>
<body>
<div id=”introduction”>
<p>マジカルリミックスWeb政策事業部は仙台のデザイン会社「株式会社マジカルリミックス
の事業部です。ホームページ製作を核としながら<strong>インターネットを活用したビジ
ネスの提案</strong>や<strong>ブログのコンサルティング</strong>を得意ととしています。
小規模な案件からある程度まとまった案件まで、各種製作実績が多数あります。</p>
</div>
<h2>事業内容</h2>
<div>
<h3>WordPress</h3>
<p>WordPressはもともとブログを運営すようなツールです</p>
</div>
<div>
<h3>jimdo</h3>
<p>Jimdoはドイツうまれの、Web製作の専門知識がなくても更新、運営可能な
<strong>ASPサービス</strong>です。</p>
</div>
</p>
</body>
</html>

CSSファイル

@charset”utf-8″;
#introduction{
border: 1px solid #000;
padding: 10px;
}
/*IDセクタ→#ID名で指定
※要素名#ID名でも指定可能*/
h2,p {color:#000000;}

/*複数セレクタ
->「,」
.wordpress {background: #eaeaea;}
/* 要素セレクタ ->要素名で指定*/
/*CLASSセレクタ→.CLASS名でも指定可能*/
h3{color:#ff0000;}

/*子孫セレクタ ->セクタ 子孫セレクタ(半角スペース)*/
.jimdo strong{color:#ff0000}