-会員ページFree-CSS基礎構文-練習問題1-


View Modeで閲覧

■CSS基礎構文-練習問題1-ビデオ1
作成するWebページを見てみましょう!

■【解説】CSS基礎構文-練習問題1-ビデオ2
class名を指定しましょう!
文字の色を変更しましょう!

■【解説】CSS基礎構文-練習問題1-ビデオ3
リストのスタイルを指定しましょう!

■MDN CSSリファレンス
https://developer.mozilla.org/ja/docs/Web/CSS

「ブラウザ」と「エディタ」は下記のWebページからダウンロードできます。

■Google Chrome (ウェブブラウザ)
https://www.google.com/intl/ja_ALL/chrome/

■Atom (テキストエディタ)
https://atom.io/

index.html

<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”utf-8″>
<title></title>
<style>

h1 {
color: red;
}
.html {
color: blue;
}
.css {
color: green;
text-align: center;
}
.php {
color: pink;
text-align: right;
}

li {
list-style: inside url(icon.png);
}

</style>
</head>
<body>

<h1>学習塾のオンサタデーズ</h1>

<p class=”html”>HTMLを学習しよう!</p>
<p class=”css”>CSSを学習しよう!</p>
<p class=”php”>PHPを学習しよう!</p>

<ul>
<li>テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。</li>
<li>テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。</li>
<li>テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。</li>
</ul>

</body>
</html>