CSSで記事の最初の文字だけ大きくする - LogJET
CSSで記事の最初の文字だけ大きくする 味気ない本文をほんの少し改造する方法。 以下の記述をCSSに加えることによって本文最初の文字が大きくなり、あたかも欧米雑誌のようになります。記事の始まりが分かりやすくなるなどメリットありかと…。 /* MacIE5 除く \*/ 要素i名 or class名:first-letter { font-size:24pt; line-height:120%; float:left; padding: 0 5px 0 5px; } /* end */ 忘れてならないのは”/* MacIE5 除く \*/”の部分と終わりの”/* end */”です。 この擬似要素:first-letterを使うと要素内の最初の文字をあれこれいじれるわけですが、Mac版IE5では2バイト文字(日本語)が文字化けを起こします。 そこでコメントの閉じ*/の直前に
ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト
ブロックレベル要素をセンタリングする方法 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。 正しいセンタリング方法 テーブルやdiv要素のようなブロックレベル要素をセンタリングするにはtext-alignは使いません。 text-alignプロパティはインライン要素の位置揃えを指定するためのものだからです。 Bugzilla-jpにも報告された多くのサイトでは"text-align:center;"を使ってセンタリングしようとしていましたが、 これによってブロッ
Collection & Copy - 画像 CSSを使った角丸
画像 + CSSを使った角丸 技術 wg:Introducing DomCorners 上記ページを読んだ。 Nifty Corners 作者はCSSのみで角丸を実現する記事を書いている。当ブログでも、これを利用している。 その上で異なるアプローチの角丸を紹介している。 上のような画像を、1コマずつずらしながらCSSを利用して貼りこんで行く。 対象となる領域のHTMLは以下。 <div id="box"> <b class="btop"><b></b></b> content here... <b class="bbot"><b></b></b> </div> CSSの定義は以下。 b.btop, b.btop b, b.bbot, b.bbot b{ display: block;height: 10px;font-size: 1px; background-image:url(rc.
今日の覚え書き Tickler's bunkum days: サイト作りに使えそうなサイト
open-arms.biz 2023 著作権. 不許複製 プライバシーポリシー
Particletree » Quick Start Your Design with XHTML Templates
IntroductionToday, I’m going to give you a peak at some templates I use in my workflow to help me get a running start on new web development projects. In addition to the XHTML templates, I’ll go over some CSS templates and some XHTML markup examples I’ve made to help me create style guides for various sites. A long time ago, there used to be a time when the following template or guideline could gi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
セレクタ内の最初の文字にだけ働くスタイルシート（CSS）
ADP: floatレイアウトでつまづかないためのTips
スッキリかんたんスタイルシート
CSSの謎
IEでもFirefoxでも崩れないレイアウト :: TextOcean