「CSS」に関する記事一覧

スタイルシートに関して。CSS3やアニメーション、レイアウト、クロスブラウザの対応についてなどなど。
2012.12.02
css

改・Webフォントで好きなフォントをブラウザに表示させる

以前の記事は知識不足でした。書き直します。 IEではうまく表示されないことがある…と書きましたが、IEでは拡張子が.ttfや.otfフォーマットのファイルをサポートしていないとのこと。 ...
続きを読む
2012.11.18
css

メニューのサンプル

ウェブ制作において必ず作るメニューやナビゲーションなどのグローバルメニュー。 Memo: グロバールメニューとは、ウェブサイト上でどのページにも共通で表示されるメニューのことです。 スタ ...
続きを読む
2012.10.07
css

Webフォントで好きなフォントをブラウザに表示させる

CSS3のWebフォントを使う方法です。 好きなフォントをブラウザに文字として表示させるので、その都度画像として作る必要もないし便利ですね。 そして何よりSEO対策としても良いです。 ...
続きを読む
2012.09.29
css

ホバー時に画像が一瞬消える

マウスオーバーした際に配置した画像をCSSで変えることができます。 a:hover という疑似クラスを使って変えるのですが、ブラウザで読み込んだ直後にマウスオーバーした際に、ホバーで設定し ...
続きを読む
2012.09.23
css

背景にではなく画像にボタンを乗せる

imgにボタンや他のimgを重ねて表示する方法です。 CSSでbackgroundに画像を配置して、その上にボタンなどを配置する方法はよく使われますが、今回はHTMLで<img src=" ...
続きを読む
2012.03.12
css

IEで中央寄せがうまくいかない

IEだけでCSSで指定した中央寄せが反映されないときの対処法。 通常、中央に持っていきたいときは該当する部分に下記のように記述すれば問題ないはずです。 [css] margin-left ...
続きを読む
2011.08.16
css

IEでだけレイアウトがうまくいかないとき

学校でウェブを勉強していた頃、先生に言われたことはFireFoxを元にレイアウトを作ると良いということ。 FireFoxでOKなら他のブラウザではだいたいは大丈夫だということでした。 しか ...
続きを読む
2011.08.04
css

a:hoverが反映されない

リンク部分にマウスを乗せたときにテキストの色などを変えるというのはCSSの基本かと思います。 数え切れないくらい使っているセレクタなのに、先日発見したことがあります。 CSSでは後から記述 ...
続きを読む
2011.07.30
css

リスト ul li で左側の隙間

リスト表示するときに使うulとli。 今日 昨日 明日 上記のように点を使って箇条書きにするときに使います。 上記のHTMLソースは [html] &l ...
続きを読む
2011.07.30
css

ヘッダーの上に隙間ができてしまう

ウェブサイトを作るときに、サイトの上部に微妙な隙間ができてしまうときの対処法 この場合は以下のようにすると隙間がなくなります。 [css] body{ margin:0; p ...
続きを読む
2011.06.08
css

CSSだけでドロップダウンメニュー JavaScriptなし

先日、ウェブを勉強し始めたばかりの友達にドロップダウンメニューについて聞かれたのですが、作りかけのソースを見てみるとCSSだけでドロップダウンメニューを作ろうとしてました。 私はそういう場合、Jav ...
続きを読む
2011.05.25
css

HTMLのul liで点の部分だけ色を変える その2

以前こちらに書いたものよりも便利な方法です。 リストを作るときに点の色と文字の色を別にする方法です。 以前に書いた方法だとリストをする量が少ない場合は簡単で良いですが、たくさんのリストがあ ...
続きを読む
おすすめの本
ネットで調べればなんとかなる!という時代ですが、良い本にめぐり合い、基礎をきっちり固めることで応用がきくテクニックを身に着けることができます。もっと上達したい人におすすめの本をいくつかご紹介します。
TO TOP