- 2009.06.29
CSSの適用優先順位
cssには優先順位があり、適用されない!!ってことが結構あります。 改めて、順位をまとめてみた。 1.誰が指定したスタイルか これはm!importantで指定された制作者が優先される。 こんなの指定したこと無いけど 2.スタイル指定範囲の限度具合 スタイルの優先順位は「個別性(specificity)」により決定される ①style属性がある場合は1をカウント(=a) ②セレクタに含まれているi […]
MyDesign designer's dialy
cssには優先順位があり、適用されない!!ってことが結構あります。 改めて、順位をまとめてみた。 1.誰が指定したスタイルか これはm!importantで指定された制作者が優先される。 こんなの指定したこと無いけど 2.スタイル指定範囲の限度具合 スタイルの優先順位は「個別性(specificity)」により決定される ①style属性がある場合は1をカウント(=a) ②セレクタに含まれているi […]
cssで傍点ってつけれるのかな~と思ったら、黒点の背景画像で擬似的に表示するってこと。 ん~ なんかめんどくさいし、意味あるのかな~って感じですね・・・ 一応、やってみたもの。 でも一文字ずつ設定しました。
クライアントさんから 「webページを印刷すると変なところで分割されてヤダ」 と言われてしまいました。 webページであんまり印刷すること考えてなかったけど。。。 調べてみたらなんと便利なタグがあるではありませんか~~。 「page-break-before」と「page-break-after」 page-break-before は、その要素の直前で、 page-break-after は、そ […]
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; テ […]
macでは、アンチアイリアスのかかったきれいな「ヒラギノ」でwebを閲覧できますが、winではそうはいきません。 ※IE7と、vista環境でのFireFoxも、キレイにアンチアイリアスのかかった状態で見れました。 基本的に、ダミーテキストはosakaで表示していましたが、 body { font-family:’ヒラギノ角ゴ Pro W3′,’Hiragino […]
IEだけに対応するCSSハックは以前にも書きましたが、 アンダーバーハックはIE7では解決されているそうな。 そこで、 #header { width:200px; >width:300px; } アンダースコアの代わりに「>」(閉じカッコ)を使うと、 IEだけに対応できます。 7及び、6以前にも。
イマイチ「position」の利用方法が分かりません。 ちょっとワザも含めてまとめてみました。 1)絶対配置 position:absolute ページの四隅を基準に配置する 2)相対配置 position:absolute このボックスが本来配置されるべき場所を基準に配置 {top:0; left:0;} ⇒場所をリセットする 親要素にrelativeを設定し、子要素にabsoluteを設定する […]
jQueryとは・・・ 「様々な処理を短く簡単に記述できるjavascriptライブラリ」 で、、、? 何すんの? 流行(?)の「LightBox」も、このjQueryみたい。 LightBoxのsample *これは、jQueryのプラグインを利用しています。 jQueryを利用するには、jQueryとプラグインの両方のコードをhtmlに、読み込む。 <html> <head> <script […]
ブラウザごとのCSSハック 1)IE6.0だけに適用 要素の前に_(アンダーバー)をいれる ex: _#hack {—} もしくは、 #hack { margin:30; _margin:30; } 2)IE7.0のみに適用 要素の前に*を入れる ex: *#hack{—}