css面接の注意
1374 ワード
1ヤフーの面接問題
考点:(1)htmlとxhtmlの違い
html4.01 strictでは完全に正しいがxhtml 1.0 strictではエラーです.xhtmlではすべてのラベルが閉じている必要があります.
(2)様式分離は,nbspでインデントを制御するのは不合理であり,cssが行うべきことである.
(3)2つのbrで段落を作るのは不合理で,2つのPで2つの段落を表現する
2 CSS hackテクニック
_ ie 6のみサポート
-moz- firefox
-ms- ie
-o- opera
-webkit- chrome safari
*ieは認識できます.FFが認識できない
!importantはie 6で認識できません
*htmlと*+htmlはfirefox ie 6 ie 7を区別します
3箱モデル
margin border padding content
4 cssの積層
は、cssがオーバーライドウェイトを継承することを意味します.良好なレベルのネーミングにより、より良い効果とより少ないコードを実現
5 cssブラウザ互換性の問題
1 div垂直中央vertical-align:middle文字中央にline-height
2 ie 6下用display:inline;float:left;marginの倍増の問題を解消
3 display属性blockとinlineの違いは、blockは常に新しい行で始まり、高さ幅行の高さと高さの行の高さを制御することができ、inlineは他の要素と同じ行で、埋め込み要素を制御することはできません.
#div{display:block;}埋め込み要素はdisplay:inlineとして定義できます.
4 ieはmin-この定義を認めない
<P> HTML, 。<br><br> :<br> ,
考点:(1)htmlとxhtmlの違い
html4.01 strictでは完全に正しいがxhtml 1.0 strictではエラーです.xhtmlではすべてのラベルが閉じている必要があります.
(2)様式分離は,nbspでインデントを制御するのは不合理であり,cssが行うべきことである.
(3)2つのbrで段落を作るのは不合理で,2つのPで2つの段落を表現する
2 CSS hackテクニック
_ ie 6のみサポート
-moz- firefox
-ms- ie
-o- opera
-webkit- chrome safari
*ieは認識できます.FFが認識できない
!importantはie 6で認識できません
*htmlと*+htmlはfirefox ie 6 ie 7を区別します
3箱モデル
margin border padding content
4 cssの積層
は、cssがオーバーライドウェイトを継承することを意味します.良好なレベルのネーミングにより、より良い効果とより少ないコードを実現
5 cssブラウザ互換性の問題
1 div垂直中央vertical-align:middle文字中央にline-height
2 ie 6下用display:inline;float:left;marginの倍増の問題を解消
3 display属性blockとinlineの違いは、blockは常に新しい行で始まり、高さ幅行の高さと高さの行の高さを制御することができ、inlineは他の要素と同じ行で、埋め込み要素を制御することはできません.
#div{display:block;}埋め込み要素はdisplay:inlineとして定義できます.
4 ieはmin-この定義を認めない