2010年6月4日 (金) 11:19時点における版編集 211.131.156.187 (トーク) 編集の要約なし ← 古い編集		2012年3月29日 (木) 07:36時点における版編集取り消し E.Z.O. (トーク \| 投稿記録) 126 回編集 Style、改行、リンク次の差分 →
1 行 == 目次 ==▼ __NOTOC__ ▲== 目次 == {{進捗状況}} {{蔵書一覧}} <div style="border: #99f 1px solid; padding: 1ex; margin: 0 230px 0 1%0; background: #eef;"> [[#はじめに\|はじめに]] [[/記述\|記述]]{{進捗\|25%\|2008-06-29}}：CSSの記述方法 21 行 == はじめに == {{Wikipedia\|Cascading Style Sheets~~\|CSS~~}}▼ CSS (Cascading Style Sheets) はHTML文書やXML文書に対して多様なスタイルを指定するために生み出されました。従来、HTMLのみでも文書に対して文字色の変更や背景画像を添えるなどの限定的な装飾指定は可能でしたが、HTML文書のみで完結した装飾指定は文書構造を複雑にし、また作成者によっては装飾目的で文書に誤った意味を付加することもあり、閲覧者にとってはアクセス容易性を、作成者にとってはメンテナンス性を低下させる原因となりました。CSSを利用することによって構造と装飾を分離することが出来るため、HTML文書やXML文書の文書構造をシンプルに保つことができ、また従来のHTML文書のみで完結した装飾指定と比べても格段に豊富な装飾が可能になります。▼ '''CSS''' (Cascading Style Sheets) は[[HTML]]文書や[[XML]]文書に対して多様なスタイルを指定するために生み出されました。 ▲~~CSS (Cascading Style Sheets) はHTML文書やXML文書に対して多様なスタイルを指定するために生み出されました。~~従来、HTMLのみでも文書に対して文字色の変更や背景画像を添えるなどの限定的な装飾指定は可能でしたが、HTML文書のみで完結した装飾指定は文書構造を複雑にし、また作成者によっては装飾目的で文書に誤った意味を付加することもあり、閲覧者にとってはアクセス容易性を、作成者にとってはメンテナンス性を低下させる原因となりました。CSSを利用することによって構造と装飾を分離することが出来るため、HTML文書やXML文書の文書構造をシンプルに保つことができ、また従来のHTML文書のみで完結した装飾指定と比べても格段に豊富な装飾が可能になります。 CSSを利用することによって構造と装飾を分離することが出来るため、HTML文書やXML文書の文書構造をシンプルに保つことができ、また従来のHTML文書のみで完結した装飾指定と比べても格段に豊富な装飾が可能になります。 === 各ブラウザによる解釈の違い === 現在広く利用されている[[w:ウェブブラウザ\|ウェブブラウザ]]は[[w:Microsoft Internet Explorer\|Microsoft Internet Explorer]] (IE) や[[w:Mozilla Firefox\|Mozilla Firefox]] (Firefox) 、[[w:Opera\|Opera]]、[[w:Safari\|Safari]]などが存在しますが、それらウェブブラウザは標準化されていない独自のCSS拡張や草案段階の機能を先行実装している場合があります。例えばIEでは独自にフィルタ効果を実現する機能をサポートしていますし、Firefox、Opera、Safariなどはまだ草案段階にある[[CSS3]]のセレクタなどを多くサポートしています。従って、1つのウェブブラウザで可能なスタイル指定は他のウェブブラウザでも必ず可能ということはありません。標準化されている機能でも解釈に揺れがあったり、間違った解釈がされている、サポートされていないといったものもあり、複雑なスタイル指定をしようとするとひとつのブラウザで良く見えていたものが他のブラウザでは閲覧出来ない程酷い状態になっていることがあります。独自拡張や先行実装の多くは実験的か、ウェブブラウザでユーザースタイルシートを適用するユーザーのためにある場合が多いため、文書の作成者は独自拡張や先行実装を極力使用しないように注意し、なるべく多くのウェブブラウザで閲覧しづらくならないようなCSSの作成が求められます。 <!-- === 実際に使われる場合のCSS ===▼ ~~<!--~~ [[w:W3C\|W3C]]の理念からすると、HTMLでスタイルを設定するというのは邪道ということになりますが、CSSはブラウザの解釈など、難しい点が多く、特に法人の場合、それが直接コストにつながるので、デザイン部分は100%をCSSで記述するという例はまだ多くありません。結局CSSもまだまだ発展途上の規格なので、無理してすべてデザインを任せる必要はないといえます。また、[[w:2ちゃんねる\|2ちゃんねる]]を始めとしたインターネット上のコミュニティにおいては、W3Cにばかり忠実で、実益をあまり気にしない者を'''W3C信者'''と呼んだりして、疎んじる風潮があります。事実、信者の中には、現実的なサイトレイアウトをしないわりに、人に自分の価値観を押し付けたりすることが多いので、そう見られるのも当然のようにも思えます。信者になるのは悪くなく、むしろCSSの発展のために喜ばしいことですが、気をつけたほうがいいでしょう。 -->▼ ▲=== 実際に使われる場合のCSS === {{-}} ▲{{Wikipedia\|Cascading Style Sheets\|CSS}} ▲[[w:W3C\|W3C]]の理念からすると、HTMLでスタイルを設定するというのは邪道ということになりますが、CSSはブラウザの解釈など、難しい点が多く、特に法人の場合、それが直接コストにつながるので、デザイン部分は100%をCSSで記述するという例はまだ多くありません。結局CSSもまだまだ発展途上の規格なので、無理してすべてデザインを任せる必要はないといえます。また、[[w:2ちゃんねる\|2ちゃんねる]]を始めとしたインターネット上のコミュニティにおいては、W3Cにばかり忠実で、実益をあまり気にしない者を'''W3C信者'''と呼んだりして、疎んじる風潮があります。事実、信者の中には、現実的なサイトレイアウトをしないわりに、人に自分の価値観を押し付けたりすることが多いので、そう見られるのも当然のようにも思えます。信者になるのは悪くなく、むしろCSSの発展のために喜ばしいことですが、気をつけたほうがいいでしょう。 ~~-->~~ {{Stub}} {{NDC\|007.64}}▼ [[Category:World_Wide_Web]] ▲{{NDC\|007.64}} [[id:Pemrograman CSS]]

「CSS」の版間の差分