- 追加された行はこの色です。
- 削除された行はこの色です。
[[Program]] > CSS
CSS（カスケードスタイルシート）を利用したWebデザインのまとめ。
#contents
* CSSとは？ [#h74af5dc]
[[CSSとは - はてなキーワード>http://d.hatena.ne.jp/keyword/CSS]]
>HTMLに代表されるマークアップ言語の表示（見栄えなど）を指示する、W3Cの勧告する仕様（群）。Cascading Style Sheets（カスケーディング・スタイル・シート）の頭文字。論理構造を記述することを本来の目的とするHTMLに、見た目を指示するスタイルシートを用いることにより、文章の構造と表示を分離できる。
[[CSS3とは？ 機能が増えて便利になったスタイルシート [ホームページ作成] All About>http://allabout.co.jp/gm/gc/376450/2/]]
>「CSS3」とは何でしょうか？それは、従来のCSS（スタイルシート）に便利な仕様がたくさん追加された新しい装飾手段です。
CSS3ソースは、従来のCSSソースと何が違う？
結論から言えば、基本的な部分は何も違いません。なぜなら、CSSソースには「バージョンを示す記述」が存在しないからです。
* CSS講座 [#o50251d2]
// + [[XHTML+CSS>CSS講座-XHTML+CSS]]
// + [[XHTMLの基本>CSS講座-XHTMLの基本]]
+ [[CSSの基本>CSS講座-CSSの基本]]
+ [[CSSの準備>CSS講座-CSSの準備]]
+ [[CSSデザイン>CSS講座-CSSデザイン]]
+ [[CSSレイアウト>CSS講座-CSSレイアウト]]
+ [[CSSハック>CSS講座-CSSハック]]
+ [[デバイス別のCSS>CSS講座-デバイス別のCSS]]
+ [[JavaScriptとCSS>CSS講座-JavaScriptとCSS]]
+ [[CSSトラブルシュート>CSS講座-CSSトラブルシュート]]
** ネット上のCSS入門講座 [#zace9a26]
- [[CSS入門 - ドットインストール>http://dotinstall.com/lessons/basic_css]]
* CSSフレームワーク [#p2f91a59]
[[CSSフレームワーク]]とは、「汎用性の高いWebデザインを、手軽に実現するためのライブラリー」です。
CSSフレームワークには、「[[Twitter Bootstrap]]」や「[[Pure]]」、「[[HTML KickStart]]」等があります。
* 参考書 [#we6ce5c9]
#html{{
<table border="0" cellpadding="5"><tr><td valign="top">
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839929734/sagasite-22/"><img src="http://ecx.images-amazon.com/images/I/410AyffjJOL._SL160_.jpg" border="0"></a>
</td>
<td valign="top">
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839929734/sagasite-22/">現場のプロから学ぶXHTML+CSS</a>
<br>
益子 貴寛<br>
毎日コミュニケーションズ<br>
2008-11-11<br>
<font color="orange">★★★★☆</font>
</td></tr></table>
}}
~
#html{{
<table border="0" cellpadding="5"><tr><td valign="top">
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839938296/sagasite-22/"><img src="http://ecx.images-amazon.com/images/I/51AJH3Qc3XL._SL160_.jpg" border="0"></a>
</td>
<td valign="top">
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839938296/sagasite-22/">CSS3 スタンダード・デザインガイド</a>
<br>
エ・ビスコム・テック・ラボ<br>
毎日コミュニケーションズ<br>
2011-06-14<br>
<font color="orange">★★★★★</font>
</td></tr></table>
}}
* リンク [#yef7a7fc]
- Cascading Style Sheets
http://www.w3.org/Style/CSS/
