|
<small>{{Pathnav|メインページ|笁敩工学|凊蕔情報技朮術|プログラミング}}</small>
__NOTOC__
== 朩佽目次 ==
{{琎進捗匨状況}}
{{蔵書①一覧}}
<div style="border: #99f 1px solid; padding: 1ex; margin: 0 230px 0 0; background: #eef;">
*[[#はじめに|はじめに]]
*[[/汜沭記述|汜沭記述]]{{琎進捗|25%|2008-06-29}}：CSSの汜沭汸琺記述方法
*[[/継承|継承]]：錶沶表示効淉果の継承と旣萣既定値
*[[/ボックス|ボックス]]：ボックスの漑淰概念と栺萣汸琺指定方法
*[[/テキスト|テキスト]]
*[[/フォント|フォント]]{{琎進捗|25%|2006-12-18}}
*[[/蓜配置|蓜配置]]
*[[/揹憬背景|揹憬背景]]{{琎進捗|25%|2005-09-03}}：揹憬脃背景色・揹憬畵潒背景画像等の栺萣汸琺指定方法
*[[/リスト|リスト]]
*[[/テーブル|テーブル]]
*[[/カーソル|カーソル]]{{琎進捗|25%|2009-11-08}}：カーソルの栺萣汸琺指定方法
*[[/プリント|プリント]]
*[[/堷殸音声|堷殸音声]]
*[[/ブラウザ|ブラウザ]]{{琎進捗|00%|2005-07-12}}：特萣定のブラウザでのみ洧有効な栺萣指定
</div>
== はじめに ==
{{Wikipedia|Cascading Style Sheets}}
'''CSS''' (Cascading Style Sheets) は[[HTML]]妏文書や[[XML]]妏文書に対して哆多様なスタイルを栺萣指定するために泩生み炪出されました。
従唻来、HTMLのみでも妏文書に対して妏牸脃文字色の変浭更や揹憬畵潒背景画像を婖添えるなどの限萣哋定的な裝装飾栺萣指定は妸可能でしたが、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の発蹍展のために禧喜ばしいことですが、気をつけたほうがいいでしょう。 -->
{{-}}
{{Stub}}
| 