Tips/WebPage/CSS のテクニック・デザイン編 - outsider reflex
P-0021 CSS のテクニック・デザイン編 - CSS ならではの高度なレイアウト - 2000/7/28 2000/8/27 2000/12/22 2001/2/8 H:Home B:Back P:Prev. N:Next はじめに CSS を使うと複雑なレイアウトでも簡単に実現できますが、考え方に多少「コツ」が必要です。ここでは「デザイン」の観点から、 CSS の利用方法について解説を加えようと思います。 尚、以下の文書はある程度 HTML やスタイルシートの知識がある人……少なくとも HTML ソースを直書きできる人を対象にしていますので、悪しからず。 あらかじめ言っておきますが、 CSS は万能ではありません。 CSS を使うと高度なレイアウトを実現できますが、当然できないこともあります。文字の回転・角度の変更はその代表で、こういった表現は今のところ、画像を使わないと実現できま
Tips/WebPage/class と id の違いとは？ - outsider reflex
意味の違い CSS では class セレクタも id セレクタも似たような使い方で利用できますが、そのせいか、 class と id を全く同じ意味だと思って混同していたり、「文字数が少なくて済む」からと id だけに統一している人がたまにいます。しかし、 class と id は全くの別物です。 class はその要素の分類を、 id はその要素の固有の名前を意味します。あなたの家で飼っている犬を、より細かな分類で雑種犬と呼ぶか、唯一無二の名前でポチと呼ぶか、そういう違いなのです。 使い分け id 属性は、「その要素に固有の名前を付ける」場合に使います。例えば、日記では以下のように使うことができるでしょう。 <ul> <li id="date20010819">2001/8/19 (Sun) 今日はお休み。</li> <li id="date20010820">2001/8/20 (M
Web標準化時代のJavaScript
スタイルシートを操作する場合 JavaScriptからスタイルシートを操作して見た目を変化させることは多いでしょう。今までの方法ではスタイルを変更したいオブジェクトのstyleの各プロパティを操作していました。例えば以下のサンプルは表示されている文字の上にマウスを重ねると文字の色が赤色に変化します。【サンプル1を実行】 ■HTMLファイル <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="changeCSS.js"></script> <title>Sample</title> <s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
