HTML CSS イメージ要素の隙間について

2010年08月05日（木）

イメージ要素の隙間についてはいつも

#sample img {
 display:block;
}

として回避していましたが、

#saple img {
  vertical-align:bottom;
  height:100px;
}

とするやり方もあるようです。

heightは無理にいれなくてもよさそうです。
imgを強引にblock要素にするよりは素直っぽいです。

これからはvertical-align:bottom;を使っていきます。

勉強になりました。

Tags: , , ,
カテゴリ:CSS, HTML | Comments Closed

関連記事

CSS 0に単位はいらいない！？

2010年06月23日（水）

0pxなどの場合は、単位を省いてもいいようです。
ずっとぼんやりしてましたが、今日からつけません。

p {
 margin : 0;
 padding : 0;
}

Tags:
カテゴリ:CSS | Comments Closed

関連記事

CSS IEのデフォルトスタイル

2010年03月31日（水）

http://www.iecss.com/

なにかのエントリーで見ましたが、IEのデフォルトのスタイルがまとめられていました。
これといって役立ちそうなところはないですが、とりあえず。

Tags: ,
カテゴリ:CSS | Comments Closed

関連記事

CSS3 テキストの選択色を指定する。これもcss3か！

2010年03月04日（木）

とあるサイトで、選択したテキストの背景がサイトのデザインと
マッチしていて素晴らしいなと感じました。

ソースを見て行くと

::selection{}
::-moz-selection {}

とありました。
これで指定するんですね。

Mozilla の独自拡張は使うべきではないらしいのですが。

http://www.mozilla.gr.jp/standards/webtips0001.html#c1

Tags: , ,
カテゴリ:CSS | Comments Closed

関連記事

cssのborderショートハンド

2009年06月05日（金）

ホントに知らない事って多いんですね。

/*ボーダーの幅設定*/
border-width: 2px 3px 1px 2px;
border-style:dotted solid solid dotted;
border-color: red #999 red #0c5633;

/*こんな書き方も*/
border-right-color: #999;
border-bottom-color: red;
border-left-color: #0c5633;

Tags: ,
カテゴリ:CSS | Comments Closed

関連記事

!important

2009年05月24日（日）

Style sheet designers can increase the weights of their declarations:

H1 { color: black ! important; background: white ! important }
P  { font-size: 12pt ! important; font-style: italic }

In the example above, the first three declarations have increased weight, while the last declaration has normal weight.

A reader rule with an important declaration will override an author rule with a normal declaration. An author rule with an important declaration will override a reader rule with an important declaration.

http://www.w3.org/TR/REC-CSS1/#important

要するに、! importantがある属性は、後からのオーバーライドを無視します
といった内容だと。

syntaxhighlighterのCSSを変更しようと試みたときにふと気づきました。
!importantってなんじゃらほいと。
よくみるのですが、CSSをずいぶんおざなりにしていたせいでしょうか。
すっかり存じ上げませんでした。

Tags: , ,
カテゴリ:CSS | No Comments »

関連記事