CSS+html

4/4ページ
  • 2009.06.29

CSSの適用優先順位

cssには優先順位があり、適用されない!!ってことが結構あります。 改めて、順位をまとめてみた。 1.誰が指定したスタイルか これはm!importantで指定された制作者が優先される。 こんなの指定したこと無いけど 2.スタイル指定範囲の限度具合 スタイルの優先順位は「個別性(specificity)」により決定される ①style属性がある場合は1をカウント(=a) ②セレクタに含まれているi […]

  • 2009.06.22

強調させる「傍点」

cssで傍点ってつけれるのかな~と思ったら、黒点の背景画像で擬似的に表示するってこと。 ん~ なんかめんどくさいし、意味あるのかな~って感じですね・・・ 一応、やってみたもの。 でも一文字ずつ設定しました。

  • 2009.06.17

webの印刷時の改ページ

クライアントさんから 「webページを印刷すると変なところで分割されてヤダ」 と言われてしまいました。 webページであんまり印刷すること考えてなかったけど。。。 調べてみたらなんと便利なタグがあるではありませんか~~。 「page-break-before」と「page-break-after」 page-break-before は、その要素の直前で、 page-break-after は、そ […]

  • 2009.03.24

text-indentが効かない

text-indent:-9999pxを指定しても、テキストが表示されてしまうことがある。 これは親要素などに「text-align」が指定されている可能性がある。 text-alignを削除すると効くようになる。

ページのセンター寄せ

ページのセンター寄せができずに困っていましたが、 ようやく直りました。 いつもこんなことないのに輦 body{text-align:center;} #wrap{margin:0 auto 0;} ここで、通常、wrapにはtext-align:left;ですが、centerにして、 wrapの中のものにも全部margin:0px auto; text-align:center; テ […]

font-family:の設定

macでは、アンチアイリアスのかかったきれいな「ヒラギノ」でwebを閲覧できますが、winではそうはいきません。 ※IE7と、vista環境でのFireFoxも、キレイにアンチアイリアスのかかった状態で見れました。 基本的に、ダミーテキストはosakaで表示していましたが、 body { font-family:’ヒラギノ角ゴ Pro W3′,’Hiragino […]

IEだけに対応するCSSハック(2)

IEだけに対応するCSSハックは以前にも書きましたが、 アンダーバーハックはIE7では解決されているそうな。 そこで、 #header {   width:200px;   >width:300px; } アンダースコアの代わりに「>」(閉じカッコ)を使うと、 IEだけに対応できます。 7及び、6以前にも。

今更ですがPosition設定

イマイチ「position」の利用方法が分かりません。 ちょっとワザも含めてまとめてみました。 1)絶対配置 position:absolute ページの四隅を基準に配置する 2)相対配置 position:absolute このボックスが本来配置されるべき場所を基準に配置 {top:0; left:0;} ⇒場所をリセットする 親要素にrelativeを設定し、子要素にabsoluteを設定する […]

javascript-jQuery

jQueryとは・・・ 「様々な処理を短く簡単に記述できるjavascriptライブラリ」 で、、、? 何すんの? 流行(?)の「LightBox」も、このjQueryみたい。 LightBoxのsample *これは、jQueryのプラグインを利用しています。 jQueryを利用するには、jQueryとプラグインの両方のコードをhtmlに、読み込む。 <html> <head> <script […]

1 4