Wikibooks

「CSS」の版間の差分

履歴の双方向閲覧
← 古い編集次の差分 →
削除された内容 追加された内容
ビジュアルウィキテキスト
HTML/フレーム へのリンク。flexbox などの説明があるので。また、現時点で赤リンクになってる単元を目次の後半に移動。2005年から15年も作成されず放置された単元が重要とは思えないので。
CSS3はもう草稿ではない。
24 行
== はじめに ==
{{Wikipedia|Cascading Style Sheets}}
'''CSS''' (Cascading Style Sheets) は[[HTML]]文書や[[XML]]文書に対して、文書のレイアウトや文字色などの多様なスタイルを指定するために生み出されました。
 
従来、HTMLのみでも文書に対して文字色の変更や背景画像を添えるなどの限定的な装飾指定は可能でしたが、HTML文書のみで完結した装飾指定は文書構造を複雑にし、また作成者によっては装飾目的で文書に誤った意味を付加することもあり、閲覧者にとってはアクセス容易性を、作成者にとってはメンテナンス性を低下させる原因となりました。
31 行
 
=== 各ブラウザによる解釈の違い ===
現在広く利用されている[[w:ウェブブラウザ|ウェブブラウザ]]は[[w:Microsoft Internet Explorer|Microsoft Internet Explorer]] (IE) や[[w:Mozilla Firefox|Mozilla Firefox]] (Firefox) 、[[w:Opera|Opera]]Google Chrome、[[w:Safari|Safari]](macOSのwebブラウザ)などが存在しますが、それらウェブwebブラウザは標準、場合によってはまだ国際規格化されていない独自のCSS拡張や草案段階の機能を先行実装している場合があります。
 
例えばIEでは過去、独自にフィルタ効果を実現する機能をサポートしていますし、Firefox、Opera、Safariなどはまだ草案段階にある[[CSS3]]のセレクタなどを多くサポートしていますた。従って、1つのウェブブラウザで可能なスタイル指定は他のウェブブラウザでも必ず可能ということはありません。また、Firefox は過去にCSS3が草案だった時代に、IEなどに先行してCSS3を先行実装していました。
 
標準さらに国際規格化されている機能でもブラウザごとに解釈に揺れがあったり、間違った解釈がされているたり、そもそもサポートされていないといったものもあります。このため、複雑なスタイル指定をしようとすると、ひとつのブラウザで良く見えていたものが他のブラウザでは閲覧出来ない程ほど酷い状態になっていることが場合もありえます。
 
各ブラウザの独自拡張や先行実装の多くは実験的か、ウェブブラウザでユーザースタイルシートを適用するユーザーのためにある場合が多いため、文書の仕事などで使うwebページを作成者刷る場合などには、独自拡張や先行実装を極力使用しないように注意し、する必要もあります。なるべく多くのウェブブラウザで閲覧しづらくならなやすいようなCSSの作成が求められます。
 
<!-- === 実際に使われる場合のCSS ===
[[w:W3C|W3C]]の理念からすると、HTMLでスタイルを設定するというのは邪道ということになりますが、CSSはブラウザの解釈など、難しい点が多く、特に法人の場合、それが直接コストにつながるので、デザイン部分は100%をCSSで記述するという例はまだ多くありません。結局CSSもまだまだ発展途上の規格なので、無理してすべてデザインを任せる必要はないといえます。また、[[w:2ちゃんねる|2ちゃんねる]]を始めとしたインターネット上のコミュニティにおいては、W3Cにばかり忠実で、実益をあまり気にしない者を'''W3C信者'''と呼んだりして、疎んじる風潮があります。事実、信者の中には、現実的なサイトレイアウトをしないわりに、人に自分の価値観を押し付けたりすることが多いので、そう見られるのも当然のようにも思えます。信者になるのは悪くなく、むしろCSSの発展のために喜ばしいことですが、気をつけたほうがいいでしょう。 -->
 
== CSS以外のレイアウト ==
CSS3はレイアウトを記述するためのものです。ですが現実のインターネットには、HTMLのテーブル要素を用いてレイアウトを作成したりする場合もあるなど、CSSによらないレイアウトもまだネットの各所で実在しています。
 
また、文字色や文字フォントサイズなどは、HCSSによらずにHTMLタグ側で直接、色やサイズを指定する方法も、ブラウザ側で実装されています。
 
HTML4時代にはこのような色やサイズのHTMLタグによる指定の機能がHTMLの仕様でありました。しかしHTML5では、従来の文字色やフォントサイズをHTMLタグ側で記述する手法は国際規格としては非推奨になりました。しかし推奨されてないだけであり、禁止はされていないしW3Cにそんな禁止の権限も無いので、主要な各ブラウザはそれぞれの判断のもと、現状（2020年に本文を記述）ではHTMLで文字の色やサイズなどの指定をする方法をサポートしています。
 
 
65 ⟶ 69行目:
width: 60%;
float: left;
background-color: #CCCCFF;ccccff }
}
 
.right {
width: 30%;
float: right;
background-color: #FFAAAAffaaaaa;
}
 
"https://ja.wikibooks.org/wiki/CSS" より作成