我流!CSSプロパティ超絶研究所

我流!CSS超絶研究所
我流!CSS超絶研究所

市販書籍や、インターネット上の情報参考にしながら、独学でCSS言語を勉強してきた経験&体験談を包み隠さずお伝えしているウェブ媒体です。

情報の内容は、これからCSSプロパティを学ぼうとしている人、学び始めて間もない初心者さん。もしくは、中級者さんが対象になるでしょうか。それでは、一緒にCSSプロパティを学んでいきましょう。

おしらせ
入門
できるようになること
2 - -
2 - -
2 - -
2 - -
2 - -

---

おしらせ
詳細はこちら
テクニック
一覧

-

-

...

HTMLの簡易見本ソース

HTML
<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="utf-8">
   <title>我流!HTML言語超絶研究所へようこそ!</title>
   <style>
   	footer{
   		color:hotpink;
   		font-size:15px;
   	}
   </style>
</head>
<body>
<header>
   <ul>
      <li>自己紹介</li>
      <li>お問合せ</li>
   </ul>
</header>
<nav>
   <ul>
      <li>htmlを独学する</li>
      <li>学校でhtmlを学習する</li>
   </ul>
</nav>
<main>
   <h1>HTMLソースの見本</h1>
   <p>HTML5で記述しています。</p>
<section>
   <h2>独学なので間違っている可能性も!?</h2>
   <p>
      W3Cのサイトとかで勉強しているので、、、
      たぶんあってる!と、思います、、、
   </p>
</section>
<section>
   <h2>W3C公式サイトで確認</h2>
   <p>
      HTMLの標準化を推進するW3Cを参考にするのがベスト!
      粘り強く!コツコツ学んでいれば、そのうち慣れてきますよー。
   </p>
</section>
</main>

<aside>
	<h3>宣伝</h3>
	<p>運営ウェブサイト</p>
	<p><a href="https://www.hokahokapon.com/">HP</a></p>
</aside>
<article>
	<h1>ホームページ作成難易度</h1>
	<p>制作するウェブサイト内容によって難易度が違う</p>
</article>
<article>
	<h1>HTML言語の習得って必須?</h1>
	<p>
		ウェブ業界で活動したいなら学んでおいた方がいいかもです。
		1からウェブサイトを構築したいのなら必須。
		あと、Javascript言語、PHP言語等、ウェブ系プログラミングを
		学ぶときなんか、HTML言語の知識が大変役に立ちます。
		わたしは、学んでおいて良かったと思っています。
	</p>
</article>
<footer>
	更新日:<time>●●年●●月●●日●曜日</time>
	© hogehoge
</footer>
</body>
</html>

簡単なソースコードをご用意しました。
HTMLは、このような感じで書く言語ですよってことで、参考までにどうぞ。
上記ソースのバージョンはHTML5です。

赤色で表示されている部分は、CSSプロパティです。
HTML言語ではございません。
ご注意ください。

当頁内で出現した専門用語
一覧
特集記事
CSSプロパティ一覧
CSSプロパティ一覧
CSSテクニック一覧
CSS言語テクニック