• 赤色のリンクは、まだ日本語Codexに存在しないページ・画像です。英語版と併せてご覧ください。(詳細

このWikiはいつでも誰でも編集できます

「CSS」の版間の差分

提供: WordPress Codex 日本語版
移動先: 案内検索
(9 版)
(WPJ Codexデータインポート(おそらく 2005年1月22日 (土) 11:58 DissurioN 版 en:CSS)、原文へのリンク等追加)
1行目: 1行目:
 +
{{Old}}
 +
 
<!-- CSS stands for Cascading Style Sheets and it allows you to store style information (like colors and layout) separate from your HTML which makes your pages faster and makes your site easier to update.
 
<!-- CSS stands for Cascading Style Sheets and it allows you to store style information (like colors and layout) separate from your HTML which makes your pages faster and makes your site easier to update.
 
-->
 
-->
62行目: 64行目:
 
; [http://www.simplebits.com/publications/solutions/ Web Standards Solutions]
 
; [http://www.simplebits.com/publications/solutions/ Web Standards Solutions]
 
; [http://meyerweb.com/eric/writing.html Anything from Eric Meyer]
 
; [http://meyerweb.com/eric/writing.html Anything from Eric Meyer]
 +
 +
{{原文|CSS|8010}}
 +
 +
[[en:CSS]]

2008年4月4日 (金) 04:07時点における版

このページ「CSS」は 情報が古くなっている可能性があります。最新版英語)も合わせてご覧ください。最新に更新してくださる協力者を求めています

CSS はカスケーディングスタイルシートを意味し,色やレイアウトなどといったスタイルの情報を HTML とは切り離して記述しておくファイルです。HTML と切り離す事でページの表示を早くさせたりサイトのアップデートをより簡単にできるようにしたりします。

WordPress での CSS

(wp-layout の説明,the bullet articleや使われているクラス名へのリンク) http://wiki.wordpress.org/CSS%20Tips%20and%20Tricks

ニュークリア=ムースの注釈付きの wp-layout ファイル: http://blog.nuclearmoose.com/wp-docs/wp-layout-explained.htm

このドキュメント(文書)はデフォルトの wp-layotu.css ファイルに書かれている全ての CSS がどういう役割をするのかを説明してくれます。このドキュメントはリファレンスや教材用としての意味が強いです。もし使いやすい wp-layout.css ファイルを探しているのなら,WordPress をインストールした時のアーカイブから見つけた方が良いでしょう。この注釈付きのファイルはあくまで注釈がメインなので使いにくいと思います。


実験

もちろん,クライアントサーバーシステム(Client Server System=CSS)の沼地を歩くというのであれば、その方法はwp-layout.css(こっちはCascading Style Sheets=CSS) ファイルについて深く掘り下げる事。そして,そう,書き換えを始めていく事です(あ,でも,最初にバックアップを取る事は忘れないで)。ページの中の一つのどの要素のプロパティも CSS ファイルのセクションで書き換えられる事に注意してください。これがカスケーディングスタイルシートのカスケードする部分なのです。


CSS のリソース

ウェブ上には本当に沢山のCSSに関する良質なリソースがあります。ここにあげているのはほんの少しです。(todo: 説明を書くように)

イントロダクション

http://www.htmldog.com/guides/cssbeginner/ 
http://www.w3schools.com/css/default.asp 
http://www.westciv.com/style_master/academy/hands_on_tutorial/ 
http://www.yourhtmlsource.com/stylesheets/introduction.html 
http://www.digital-web.com/articles/css_101/ 
http://www.mezzoblue.com/css/cribsheet/ 

レイアウトガイド

http://css.maxdesign.com.au/ 
http://www.alistapart.com/articles/fauxcolumns/ 
http://www.bluerobot.com/web/layouts/ 
http://www.glish.com/css/ 
http://webhost.bridgew.edu/etribou/layouts/ 
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html 
http://css-discuss.incutio.com/?page=CssLayouts 
http://veerle.duoh.com/comments.php?id=208_0_2_10_C Designing a CSS based template 

フォーラムとメーリングリスト

http://www.css-discuss.org/ 
That new beginner CSS list I can't find 
http://webdesign-l.com/ 
http://www.sitepoint.com/forums/forumdisplay.php?f=53 

書籍

Designing with Web Standards
Designing with Web Standards-XHTML+CSSを中心とした「Web標準」によるデザインの実践(日本語版) 
ジェフリー=ゼルドマン氏が書いた CSS のバイブル的書籍。
Web Standards Solutions
Anything from Eric Meyer

最新英語版: WordPress Codex » CSS最新版との差分