ホームページ作成・素材

なっとく!ドリームウィーバー

なっとく!ドリームウィーバー インターネット・パソコン>ホームページ作成>初心者向け
ホームページ作成/Webサイト・アプリケーション開発ソフトAdobe Dreamweaverの今さら聞けない基礎から上級テクニックや裏技を誰でも「わかり」「できる」ように少しずつお届けします。初心者からプロまで着実に力が付きます。全バージョンMacintosh/Windows対応。


全て表示する >

なっとく!ドリームウィーバー

2017/11/15

■□■        なっとく!ドリームウィーバー       ■□■
なっとく!フォトショップ → http://www.mag2.com/m/0000111878.html
======================================================================




【 CSS カスケーディングスタイルシートについて 】



 CSS(カスケーディングスタイルシート) は、Web ページでのコンテンツの

 外観を制御するフォーマットルールの集合です。


 CSS スタイルを使用してページのフォーマットを設定し、コンテンツとプレ

 ゼンテーションを分離します。


 ページのコンテンツ(HTML コード)は HTML ファイル自体に格納され、

 コードのプレゼンテーションを定義する CSS ルールは他のファイル(外部

 スタイルシート)または HTML ドキュメントの他の部分(通常は head セク

 ション)に格納されます。


 コンテンツとプレゼンテーションを分離することにより、変更を加えたいと

 きにすべてのページのすべてのプロパティを更新する必要がないので、共通

 の場所からのサイトの外観の維持が簡単に行えるようになります。


 また、コンテンツとプレゼンテーションを分離することにより、HTML コー

 ドをより単純で簡潔なものにし、その結果ブラウザーのロード時間を短縮

 し、スクリーンリーダーを使用するユーザーなどアクセシビリティに問題の

 あるユーザーのナビゲーションを簡素化することができます。


 CSS により、ページの外観を正確かつ柔軟に制御できるようになります。


 CSS を使用することで、ボールド、イタリック、アンダーライン、およびテ

 キストの影、テキストカラーおよび背景色、リンクカラーおよびリンクのア

 ンダーラインの設定など、特定のフォントおよびフォントサイズを含む多く

 のテキストのプロパティを制御することができます。


 CSS を使用してフォントを制御することにより、ページのレイアウトや外観

 をどのブラウザーでも同じように処理することができます。


 テキストのフォーマットの他に、CSS を使用して Web ページ内のブロック

 レベルのエレメントのフォーマットや位置も制御できます。


 ブロックレベルのエレメントは、通常 HTML の新しい行で区切られ、視覚的

 にブロックとしてフォーマットされるスタンドアロンのコンテンツの断片で

 す。


 例えば、h1 タグ、p タグ、div タグはすべて、Web ページにブロックレベ

 ルのエレメントを作成します。


 ブロックレベルのエレメントに対してマージンやボーダーを設定し、これら

 のエレメントを特定の場所に配置し、背景色を追加し、周囲をフロートテキ

 ストで囲むことなどができます。


 ブロックレベルのエレメントの操作は、CSS を使用してページをレイアウト

 する上での基本的な方法です。





*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

  http://www.next-digital.com/mail_magazine/ 各種人気メルマガ発行

  ご感想・ご意見は、このメールの返信に記載(返信)送信下さい
  発行人 Next Digital   http://www.next-digital.com

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

規約に同意してこのメルマガに登録/解除する

メルマガ情報

創刊日:2007-11-14  
最終発行日:  
発行周期:隔日刊  
Score!: - 点   

コメント一覧コメントを書く

この記事にコメントを書く

上の画像で表示されている文字を半角英数で入力してください。

※コメントの内容はこのページに公開されます。発行者さんだけが閲覧できるものではありません。 コメントの投稿時は投稿者規約への同意が必要です。

  • コメントはありません。