スタイルシートメモ

標準規格に従ってページを作成する

HTMLではコンテンツの論理構造を記述し、画面上のデザインのコントロールはスタイルシートで。
というのが現在では一般的なページの作り方となっています。
このカテゴリではスタイルシートの軽い説明はもちろんHTMLの構造についても説明していきます。

基本ルール

• スタイルシート辞典
• セレクタの基本
• リンク部分の指定方法
• 見やすいスタイルシートの書き方
• コメントを入れる
• CSSハック
• ブロックレベル要素とインライン要素

ヘッダー

• ヘッダーサンプル
• 使用したHTMLの種類を明記する
• ページ使用言語の設定
• ページのタイトル
• エンコードの種類を設定する
• コンテンツの概要やキーワードを設定する
• 外部スタイルシートを設定する
• ブラウザごとのスタイルシート選定
• 外部スジャバスクリプトを設定する

テキスト

• テキストサンプル
• 見出し
• 文字のサイズを相対で指定
• 行間をあけて見やすくする
• 文字の色を指定する
• 行揃えでわかりやすく
• フォントの指定
• フォントの見せ方
• リストの設定
• 著作者の情報

イメージ

• 画像に名前をつける
• タイトルの横にマーク画像をつける
• 図や画像にキャプションをつける
• 背景に画像を表示する

リンク

• リンクのポイント
• リンク部分の指定方法
• リンクの下線のデザイン
• リンクでボタンを作成する
• 画像リンクでボタンを作成
• プルダウンメニューの作成

枠と枠線

• 枠で囲う
• 枠の背景に色を塗る
• 枠の背景に画像をはる
• 枠の周りに枠線を引く
• 枠の内側にスペースをおく
• 枠の外側にスペースをおく
• 枠の表示位置を指定する「position」について

「標準規格に従ってページを作成する」関連本