CSS基礎構文-練習問題1-ビデオ1
CSS基礎構文-練習問題1-ビデオ2
CSS基礎構文-練習問題1-ビデオ3
作成する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>