[[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/

トップ   編集 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS