CSS基礎構文-第2章-ビデオ1
CSS基礎構文-第2章-ビデオ2
CSS基礎構文-第2章-ビデオ3
CSS基礎構文-第2章-ビデオ4
CSS基礎構文-第2章-ビデオ5
CSS基礎構文-第2章-ビデオ6
CSS基礎構文-第2章-ビデオ7
CSS基礎構文-第2章-ビデオ8
font-familyプロパティを見てみましょう!
■CSS基礎構文-第2章-ビデオ2
font-familyプロパティを使いましょう!
■CSS基礎構文-第2章-ビデオ3
line-heightプロパティを使いましょう!
■CSS基礎構文-第2章-ビデオ4
色の指定方法を見てみましょう!
■CSS基礎構文-第2章-ビデオ5
これまでとは違う方法で色を指定しましょう!
■CSS基礎構文-第2章-ビデオ6
backgroundプロパティを使いましょう!
■CSS基礎構文-第2章-ビデオ7
displayプロパティを見てみましょう!
■CSS基礎構文-第2章-ビデオ8
displayプロパティを使いましょう!
■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 {
font-family: ‘Arial Black’, sans-serif;
} */
/* p {
line-height: 60px;
} */
/* h1 {
color: #ff0000;
}
p {
color: rgba(255, 0, 0, 1);
} */
/* p {
background: rgb(255, 0, 0);
} */
h1 {
display: inline-block;
background: red;
}
h2 {
display: none;
background: red;
}
</style>
</head>
<body>
<!– <h1>saturdays</h1> –>
<!– <p>テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。テスト文章です。</p> –>
<!– <h1>サタデーズ</h1> –>
<!– <p>サタデーズ</p> –>
<h1>サタデーズ</h1>
<h2>サタデーズ</h2>
</body>
</html>