HTML&CSS 入れ子状態のブロック要素の上下マージンの困った挙動（マージンの相殺）
マージンの相殺について
上下のマージンは相殺される仕組みになっています。相殺によって、少ない方の数値が打ち消されます。
次のような例を考えてみましょう。
CSSの設定
HTMLの設定
上の例では最初...
dororo
HTML&CSS HTML&CSS 画像を囲むボーダーの余計な空白
写真の下になぜかこんな空白が空いたらどうしますか？
解決方法はこれです。 vertical-align:bottom;をimgタグに指定します。
ブロック要素の中で画像を表示して、そのブロック要素にボーダーを設定すると下側にわず...
HTML&CSS line-heightの単位について
line-heightについて
line-heightプロパティは、行の高さを指定する時に使用します。
line-heightとは、 例えばfont-sizeを10pxとしてline-heightを20pxに設定します。 行の高さ20p...
HTML&CSS 各ブラウザでフォントサイズを統一する〜YUI fontsの使い方
各ブラウザでフォントサイズを統一する方法です。
Yahoo! UI Library(YUI)のFonts CSSを使用します。
ここで行っている内容は、body要素に対して基準になるフォントサイズを設定します。
各ブラウザでフォン...
HTML&CSS フォント指定例
フォントの指定はかなり繊細です。よく使用するフォントの設定はパターンとして保管しておくとよいです。Dreamweaverなどをうまく利用するのも手です。
HTML&CSS フォントサイズ キーワード
CSS2.1の仕様におけるfont-sizeの絶対サイズ指定キーワードのフォントサイズは以下のとおりです。
CSS2.1 での絶対サイズ指定キーワードのフォントサイズ対照表
絶対サイズ
xx-small
x-small
s...
HTML&CSS ブラウザ別のデフォルトフォントサイズ
プロポーショナルフォントと等幅フォント
フォントにはプロポーショナルフォントと等幅フォントがあります。
プロポーショナルフォントは、文字毎に文字幅が異なるフォントのことをいいます。
例えば i と w では文字の幅が異なり、それぞれの...
Illustrator illustratorのペースト色々 illustrator
illustratorのコピー・ペーストのペーストには色々な方法が用意されています。
以下の様なオブジェクトを用意しました。真ん中の赤色の四角形をコピーしました。
通常のペーストを行うと作業スペースの中央に貼り付...
Illustrator 外枠にテクスチャを加える Illustrator
完成例
手順
前回作成したドロップシャドウを使用した型押し文字を用意します。
背景の四角形を選択し、コピーします。アピアランスパネルからこの四角形のドロップシャドウを非表示にします。...
Illustrator 型押し文字にテクスチャーを加える Illustrator
完成例
前回作成した型押し文字を使用します。
パターンなどのテクスチャを加えた四角形を作成
前回作成したオブジェクトに２を重ねます。
文字が隠れる程度に四角形を作成して囲みます。塗りは何色でもかまいま...