2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.net「CSS2 Specificationでのプロパティの出現順序」に沿

記事データ 投稿者 望月真琴 投稿日時 2006-04-09T19:40+09:00 タグ CSS IRC Team-One オフ会 仕様 実践 Web Standards Design 春に会いましょう 概要 CSS の初心者なあなたもエキスパートなあなたも、とりあえずここは押さえとけ、という記事を紹介。 リプライ 7 件のリプライがあります。 CSS を書く前にブラウザ毎のクセをリセット CSS を書くことに慣れている人はよくご存知でしょうけど、 IE や Firefox や Opera や Safari などの UA はデフォルトスタイルシートと呼ばれるスタイルシートを持っており、それを適用せねば、あるいはそうであるかのように動作せねばならないと仕様で定められています。 User agent: Conforming user agents must apply a default s

YUI Fonts CSS The foundational YUI Fonts CSS file offers cross-browser typographical normalization and control. Fonts CSS: Offers full A-grade browser support. Provides consistent font sizing and line-height. Provides appropriate cross-OS font-family degradation paths. Supports user-driven font-size adjustment in the browser, including cross-browser consistency for adjusted sizes. Works in both "Q

実践アクセシブルHTML Web Site Design Vol.8からWeb Site Design Vol.10までの間、連載されていた記事の元原稿です。 「altはつけるだけじゃなくて」 (2003.12.26公開) 「可変フォントサイズとレイアウト」 (2004.8.28公開) 「フォームは送信してもらえばこそ」 (2007.11.19公開)

情報を見やすく整理して表現する方法として、リスト（一覧）はとても効果的です。HTMLでは、項目を列挙するul要素、順序を考慮して列挙するol要素、用語とその説明という定義型のリストを構成するdl要素の3つのリスト要素が用意されています。 目次： リストで情報を分かりやすく整理する 並列列挙リスト 順序付きリスト 定義型リスト リスト要素はブロックレベル リストの入れ子 取り上げる要素： ul ol li dl dt dd リストで情報を分かりやすく整理する 基本的には本文は見出しと段落だけで構成できるはずです。しかし、一連の並列される情報や、順序立ててステップを説明するような内容は、リストとして表現する方が分かりやすいことがあります。 一つの段落が長くなってしまう場合は、そこで述べようとしているポイントを箇条書きにすると、簡潔に表現することができます。また、複数の段落に分けて書いている内容

お知らせ 2021.03.06　2020年3月7日、サーバー定期点検のため、終日サービスが停止いたします。ご了承ください。 2020.11.15　もじら組フォーラムを老朽化のため、オープンソースフォーラムに切り替えます。オープンソースフォーラムへのリンクはこちら 2020.02.27　2020年2月28日-3月2日、サーバー定期点検のため、終日サービスが停止いたします。ご了承ください。 2016.10.13　ホームページをリニューアルしました。

ul要素とol要素のブラウザごとの違い リストを作るための要素として、ul要素とol要素があります。 これらは共通の構文で子要素にはli要素のみを持ちます。 このリストの表示はパッと見ではMozilla、Opera7、Windows版Internet Explorerで差異が無い様に見えるのですが、 実際にブラウザのデフォルトスタイルシートはかなり違っています。 その違いと注意点について紹介します。 リスト要素のmarginを使ってli要素を配置するブラウザ Opera7とWindows版Internet Explorerはリスト要素(ul要素とol要素)にmarginを指定しています。 推測されるデフォルトスタイルシートを以下に示します。 Opera7.2 スタイル(推測) ul,ol{ margin: 18px 0 0 40px; padding: 0; } li{ margin: 0