このページは、Cascade Style Sheetsに関するページです。

CSSとは

インターネットドキュメントの多くはhtmlファイルです。このhtmlファイルのデザインを指定するためにCSSを使います。
エレメントだけでも　それなりに　見た目を整える機能がありますが、ホームページをより引き立てるために細かい指定を行うことが出来ます。

レポートとメモ

OOCSS 一言で言うと、クラスを手なずけて、使いまわしの利くスタイル指定を行うスタイルシートフレームワークです。overflow:hidden;が特徴的で、Yahoo　user interface互換

Yahoo User Interface すべてがそろっているフレームワーク　grid font がこのページに関連します。p1*

Horizontal Partition CSSを使うと、非常に高度な作業になる作業も、数行のスクリプトで解決できることがあります。equalheight + brokenless layout

ブログミニマリズム いま、ブログなどで、デザインを変更しようとすると、po editor　を開き、fireworksを開いて、PHPを書きながら、翻訳文を考えて、テンプレートも、どれがどれだか解らなくなりながら作業をする。テンプレートテキストに書き込まれたIDやclassでデザインするだけでなく、動的に配置することが行われています。

即席　html5 CSSは、htmlを抜きに語ることはできません。この即席html5というのは、htmlのテンプレートファイルとして、制作したものです。これを使えば、yahoo user interfaceをこのファイル1枚で試すことができます。

tips 実験

CSS inline-block test displayプロパティの対応状況によれば、inline-blockや、table　inline-table等の値を最新のブラウザでレンダリング可能な状態にあります。p1*

think about equal height layout CSSによる、「表」の表現　ここで扱っているのは、divタグを利用して、テーブルで作ったような、横並びの同じ高さのボックスるを作成する方法です。

日本語によるクラス指定 日本語クラスは、ちゃんと動くのかどうかをテストしてみました。　p1*

6個のスタイル規則作るナビバーComments htmlを直接書くということが少なくなってきて、ナビゲーションバーも自動でできるので、もうどう作っていいのかわからなく、やってみたものです。実験的なナビゲーションバーの試作

mod_rewriteでスタイルを変更する linkエレメントで、指定するスタイルシートを、リバースプロキシのように、条件によって、ほかのファイルを読み込ませるというものです。

CSS sprite CSSスプライトは画像の表示を早くするのか？

レポートとメモ