スタイルシートだけでポップアップメニュー、補足説明文を表示します。
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか？ コピーしてご自由にご利用ください。 javascriptサンプルあなたのブログにjavascriptを使いませんか ポップアップメニューこのメニューはスタイルシートで表示しています。 font要素に適用します説明文を赤色にしてみました。。 画像の説明文にも使えます。 リンクや画像にマウスを乗せるとポップアップメニュー、補足説明文を表示します Javascript を使わず、スタイルシートだけで動作させています。 サンプルソース <HTML> <HEAD> <TITLE>ポップアップメニュー、補足説明文を表示します。</TITLE> <STYLE type="text/css"> <!-- .myshow { text-decoration:none;color:blue; } /
CSSリセット手法
around the topic of web design, mobile, iOS, programing and more… HTMLとCSSを勉強し始めると誰もがブラウザ間による実装の違いに頭を悩ませる事になります。最近はIE6のシェアが落ちてきた事により、以前よりWebサイトが作りやすい環境になってきてはいますが、それでもまだブラウザ間のCSSの差異は存在します。そのわずかな差や各種バグのためにCSSの裏技であるCSSハックを用いたり、条件分岐コメントという方法を用いてIEにだけCSSを適用したりとWeb制作者は長年非常に苦労してきました。今回はHTMLを学び始めたばかりの初心者が知っておくべきリセットCSSとそのポイントについて書いてみます。 ポイント1. デフォルトCSSは各ブラウザ間に差異があることを理解しよう HTMLとCSSを学び始めた人がまず覚えなければいけない大事な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
