良い整理の24 css技巧

3155 ワード

多くの文書の中で、何度もこの方面の内容に言及したことがありますが、しかし依然として多くの友達がこれらの問題の上で誤りを犯しています。私達は今日これらのCSS技術を見て、真剣に読んでみます。完全に理解できないかもしれません。検索して、あなたが欲しい知識を広げることができます。多くの収穫があると信じています。  一、ulラベルはMozilaでデフォルトではpadding値がありますが、IEではmarginだけが値があります。  二、同じクラスのクラス選択子は一つのドキュメントに重複して現れますが、id選択子は一回しか現れません。一つのラベルを同時にclassとidを使ってCSS定義を行います。もし定義が重複しているなら、id選択符の定義が有効です。これはidの権利がclassより大きいからです。  三、互換性調整(IEとMozila)の愚かな方法:  初学では、同じラベルの属性がIEでA表示に設定されている場合がありますが、MozilaではBに設定しないと正常に表示できない、または2つが逆になる場合があります。  一時解決方法:選択子{属性名:B” !impotant;属性名:A} 時々効果がないかもしれません。あなたはjb 51.netでより多くのバグを検索できます。  四、入れ子するラベルのセットに間隔が必要なら、その中にあるラベルのマーギン属性を残しましょう。外にあるラベルのpaddingを定義しないでください。  五、list-style-mageではなく、list-style-mageを使用することを推奨します。  六、IEは相続関係と親子関係の違いが分かりません。全部は相続関係です。  七、あなたへのラベルが狂っている時に、CSSで選択符にコメントを付けることを忘れないでください。後でCSSを修正すると、なぜこのようにするのか分かります。また、狂っていないように注意します。  八、もしあなたが一つのラベルに深い色調の背景画像と明るい色調の文字効果を設定したら。この時にあなたのラベルに深い色の背景色を設定することをオススメします。絵がなくなったので、文字の可読性も維持できます。  九、リンクを定義する四つの状態は先着順に注意します。 Link Visited ホーバー Active  十、内容に関係のない写真はbackgroundを使ってください。表现と内容が离れていることを常に覚えています。  十一、色を定義することは铉8899 FF=Fと略すことができます。  十二、tableはいくつかの面ではまだ有効な場所があります。内容がデータ表である場合、それに対して憎しみの心理を起こさないでください。  十三、はlangageという属性がないので、こう書くべきです。 type="text/javascript"  十四、完璧な単一ピクセルの外枠表(IE 5、IE 6、IE 7及びFF 1.0.4以上でテストが可能です。)  テーブル{ border-collappse:collappse; }  td{ border:啝000 ソロ?id 1 px; }  参考にしてもいいです。  表の外枠に関するCSS文法  CSSテーブルtdのデフォルトの間隔を削除し、1 px細い線表を作成します。  Web標準に準拠した細線表を実現  十五、maginはマイナス値を取るとラベルが絶対位置を使う時に相対的な位置付けの役割を果たすことができます。ページの中央に表示される時、絶対位置付けを使う層はleft:XXxpxという属性を使うのに適していません。この階を相対的に位置付けするラベルのそばに置いて、marginのマイナス値を使うのがいい方法です。  十六、絶対位置決めの時にmagin値を使って位置を決めることができます。これはtop、leftなどの属性と比較して、ウィンドウのエッジの位置付けと違います。絶対位置付けの利点は、他の要素がその存在を無視できるようにすることです。  17、文字が長すぎると、長すぎる部分を省略記号にして表示します。IE 5、FFは無効ですが、隠してもいいです。IE 6は有効です。  <DIV STYLE="width:120 px;height:50 pxborder:1 px ソロ?id ブルーoverflow:hiddentext-overflow:ellipsi”  <NOBR>つまり一行の文字があって、長いです。表の中の一行が表示されないということです。  18、IEにおいて注釈による文字の重複問題がある場合、コメントを以下に変更することができる。  Put ヨール commentary in here…<![endif]C>  19、CSSで外部フォントを呼び出すにはどうすればいいですか?  構文:  @font-face{font-family:name;src:url(url);sRules}  値を取る:  name:フォント名。どんな可能性も font-family 属性の値  url:絶対または相対を使う url 住所指定OpenTypeフォントファイル  sRules:スタイルシート定義  二十、どのようにして一つのフォームのテキストボックスのテキストを垂直に中央に配置しますか?  行の高さと高さのグループを使ってFFの中で効果がないならば、方法は上下を定義して補白して考えたい効果を実現することができます。  21、Aラベルを定義する上で注意すべき小さな問題:  私達がaを定義する時を選択すると、Aの4つの状態を表しています。このときマウスを置いた状態を定義するなら、a:hoverを定義すればいいです。他の3つの状態はAで定義されているスタイルです。一つのa:linkを定義した場合、他の3つの状態を定義してください。  22、すべての様式が簡単に書くわけではない。  様式表の前にp{padding:1 px}のように定義されています。 2 px 3 px 4 px}の時、後工程でもう一つの様式を追加しました。5 pxを補白して、下で6 pxを補白します。私たちは必ずしもp.style 1に書く必要はありません。 6 px 3 px 4 px}p.style 1と書くことができます。paddingn-right:6 px;}このように書くのは元のようにいいと感じるかもしれませんが、考えたことがないと思います。あなたのあのような書き方は繰り返し定義された様式です。また元の下の補白と左補白の値はいくらですか?これから前のスタイルPが変わったら、あなたが定義したp.style 1のスタイルも変わります。  二十三、ウェブサイトが大きいほど、CSS様式が多くなります。始める前に、命名ルールを含めて十分な準備と計画をしてください。ページのブロック分割、内部のスタイルの分類など。  二十四、固定幅漢字カットオフ:overflow:hidden;text-overflow:ellipsi;white-space:nowrap;ただし、1行の文字の切り捨てしかできず、複数行の処理はできません。(IE 5以上)FFはできません。隠しているだけです。  分からないことがたくさんあったら、大丈夫です。これらの技術を記録して、よくjb 51.netに来てみてください。きっと収穫があります。左側の検索ボックスに興味のある内容を入力して検索してもいいです。コメントを歓迎します。CSS技術を追加します。