CSS リンクのアウトライン? 枠線？

2011年01月24日（月）

リンクのアウトラインだか枠線だか
フォーカスがあたったときの例の点線を消す方法です。

a{ outline: none; }

これ、有名なんでしょうか？
全然知りませんでした。
blurとか使ってました。

カテゴリ:CSS | Comments Closed

関連記事

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 IE7だけのハック

2010年07月07日（水）

なんだかアホらしいのでメモしたくなかったのですが一応。

#test {
　　position:absolude;
　　top:50px;
}
*:first-child+html #test {
　　/*IE7のみ適用される*/
　　top:50px;

}

Tags:
カテゴリ:CSS | 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 ドロップシャドウをIEでも

2010年03月11日（木）

ネタ元
http://www.cssplay.co.uk/menu/css3-shadows.html

以下の記述で、IEとCSS3のブラウザでほぼ同じドロップシャドウができるそうなのですが・・・
記述がめんどくさいですね。
ただ、つかいどころがどこかであるかもなのでメモっておきました。

<style type="text/css">
.container {padding-left:10px;}
.shadow {float:left;}
.frame {position:relative; background:#fff; padding:10px; display:block;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}
.clear {clear:left;}
</style>

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

関連記事

CSS3 text-shadowでテキストにシャドウ

2010年01月22日（金）

調べました。
http://gihyo.jp/design/feature/01/css3-approach/0001

text-shadow：　ぼかし色　X方向への距離　Y方向への距離　ぼかしの距離

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

関連記事

CSS3 CSSで角丸をつくる

2010年01月22日（金）

すごくいいサイトがありました。
こんなサイトあったんですね。
CSS3 角丸を表現する border-radius | CSS Lecture

引用させて頂きます。

    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */

Tags:
カテゴリ:CSS | Comments Closed

関連記事

CSS liをfloatしたときの解除

2009年11月07日（土）

頻出するので、いいかげんにお茶を濁す方法はやめて
正式なものがないかしらと思っていたらいいの見つけました。

floatを親要素で解除するクリアフィックス | DAICHIFIVE blog

ずっともやもやしてたので助かりました。

カテゴリ:CSS | Comments Closed

関連記事
« Older Entries