ホームページ作成

【ホームページ作成】HTML・スタイルシート（CSS）の基礎

HTML・スタイルシート（CSS）の基礎

HTML・スタイルシート（CSS）の基礎記事を集めました。HTMLやスタイルシート（CSS）がよく分からないという方はまずお読みください。

DOCTYPE宣言がないとIE7でも表示は古いまま

HTMLの先頭にDOCTYPE宣言がありますか？ないと、Internet Explorerでスタイルシートを活用できません。最新のIE7でもこの宣言がなければ以前と同じ表示になってしまいます。

ガイド：西村文宏
属性セレクタで、スタイルシートを柔軟に！

Internet Explorer 7から使えるようになったスタイルシートの機能に、「属性セレクタ」があります。FirefoxやOperaでは以前から使えていました。これを活用すると、より柔軟な装飾対象の指定が可能になります！

ガイド：西村文宏
スタイルシートの class と id の使い分け

HTMLでスタイルシート（CSS）を適用する際class属性を使う方法とid属性を使う方法の2種類があります。この「class」と「id」は役割が明確に違います。正しく使えているかチェックしましょう。

ガイド：西村文宏
サンプル満載スタイルシート活用入門書

オールカラーで読みやすいスタイルシート入門書をご紹介。これからスタイルシートに挑戦しようと考えている方々や、まだまだ活用できるレベルには達してないなと思う方々にちょうど良い、スタイルシート入門書です。

ガイド：西村文宏
スタイルシートを使いにくくするクラス名

せっかくのスタイルシートのメリットを失わせてしまう書き方をしていませんか？クラス名の付け方次第で、スタイルシートをうまく活用できるか、無駄にしてしまうかが決まります。どんな名称がマズいのでしょうか？

ガイド：西村文宏
スタイルシートのコメントを活用しよう！

スタイルシートのソース中でコメントを活用していますか？長いソースを後日に読むと、どこに何を書いたのか分からなくなることがあります。ソース中のコメントで補足して、後々のメンテナンスを楽にしましょう。

ガイド：西村文宏
印刷時に改ページする場所をCSSで指定！

ホームページを印刷すると、あまり望ましくない位置で改ページされてしまうことがあります。スタイルシートを使って「改ページ位置」を指定しておけば、中途半端な改ページを防いで印刷できるページが作れます。

ガイド：西村文宏
印刷時専用のスタイルシートを作る

凝ったデザインは、画面上では綺麗でも印刷には向いていないことがあります。印刷時にのみ適用される「印刷専用スタイル」を作れば、画面上のデザインとは別に、印刷に適したデザインで印刷させることができます。

ガイド：西村文宏
HTMLソースを見やすくしたい！

昔に記述したHTMLを修正しようと思ったとき、「このソースは一体どこに何が記述されているの？？」と悩んだ経験はありませんか？後から読んでもすぐに内容を把握できる、分かりやすいソースを書く方法をご紹介。

ガイド：西村文宏
スタイルシートのclass、大文字・小文字の違いに注意

正しい文法規則では、大文字と小文字は別の文字であると解釈される場面があります。普段、大文字と小文字の違いについて気にしていないと、厳格な文法解釈をされたときに望み通りの表示にならない可能性があります。

ガイド：西村文宏

マネしたくなるアイデア住宅

住まいには、人の個性がよく現れるもの。同じ空間をどのように使うかで、雰囲気も、快適さも大きく変わってくる。ここでは、「建築家と家を建てる」ガイドの川畑博哉氏が厳選した10軒を紹介し、建築家それぞれのこだわりのポイントを紹介しよう。建築のプロたちが考え出した、マネしたくなるアイデアが満載！さぁ、いますぐチェック！