先端知識は毎日学ぶ(1)
(1)ブロック要素の中央揃え:margin:0 auto
(2)IE 8はIE 7でレンダリングされる:
(3)a要素のいくつかの方法a,a:visited,a:hover,a:link,a:active
':link':ユーザーにアクセスされていないリンクに適用されます.
':visited':ユーザーがアクセスしたリンクに適用されます.
':hover':可視化クライアントでは、カーソル(マウスポインタ)が要素を指しているが、まだアクティブになっていない場合に適用されます.
':active':要素がユーザーによってアクティブ化された場合に適用されます.
L-V-H-Aの順序に従って声明して、具体的な解釈は
http://www.caodong.net/Article/889.html
(4)絶対位置決め:親要素と子要素のposition子要素のleftとtop
(5)overflow:hidden/*オーバーフローで隠す*/
(6)画像:png形式を使うのが最も良くて、ファイルはgifより小さくて、alphaチャネルを支持して、半透明を実現することができて、しかしアニメーションを支持しません;gifはアニメーションを支持することができて、しかし透明ではありません
(7)cssにおけるセレクタの優先度:
4つのグループに分けて,a b c d,優先度a>b>c>d,優先度が同じ後に現れる優先度が高い
a:スタイルがHTMLコードの場合は'style=...'のインラインスタイルで設定されている場合は、aグループを
1,b cdの3群はいずれも0とし,そうでなければa群は0とする.
b:セレクタのID属性の数を合計してbグループに計上する.
c:セレクタ内の他の属性および擬似クラスの数を合計してcグループに計上します.
d:セレクタ内の要素名および擬似要素の数を合計してdグループに計上する.
* {} /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */
li {} /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
li:first-line {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
ul li {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
ul ol+li {} /* a=0 b=0 c=0 d=3 -> specificity = 0,0,0,3 */
h1 *[id=ok] {} /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */
ul ol li.red {} /* a=0 b=0 c=1 d=3 -> specificity = 0,0,1,3 */
li.red.level {} /* a=0 b=0 c=2 d=1 -> specificity = 0,0,2,1 */
#xyz {} /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */
style="..." /* a=1 b=0 c=0 d=0 -> specificity = 1,0,0,0 */
以上の各グループのセレクタは、最後の行のインラインスタイルの優先度が最も高く、最後から2番目の行にIDセレクタの次があり、上の行ごとに順次弱まり、最上位のワイルドカードの優先度が最も弱い.
http://www.caodong.net/Article/889.html
------------------------------------------------------------------
htmlでは良い注釈習慣を身につけましょう
-----------------------------------------------------------------
css sprite:
何枚かの図を1枚の図全体に置いて、位置決めで対応する図を表示します
/*widthとheightは各小図のサイズであり、backgroundは大図全体である*/
.x1,.x2,.x3{width:*px;height:*px;background:url('') no-repeat}
.x1{background-position:left top}
(2)IE 8はIE 7でレンダリングされる:
<head><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /></head>(3)a要素のいくつかの方法a,a:visited,a:hover,a:link,a:active
':link':ユーザーにアクセスされていないリンクに適用されます.
':visited':ユーザーがアクセスしたリンクに適用されます.
':hover':可視化クライアントでは、カーソル(マウスポインタ)が要素を指しているが、まだアクティブになっていない場合に適用されます.
':active':要素がユーザーによってアクティブ化された場合に適用されます.
L-V-H-Aの順序に従って声明して、具体的な解釈は
http://www.caodong.net/Article/889.html
(4)絶対位置決め:親要素と子要素のposition子要素のleftとtop
<div class="parent">
<div class="child"></div>
</div>(5)overflow:hidden/*オーバーフローで隠す*/
(6)画像:png形式を使うのが最も良くて、ファイルはgifより小さくて、alphaチャネルを支持して、半透明を実現することができて、しかしアニメーションを支持しません;gifはアニメーションを支持することができて、しかし透明ではありません
(7)cssにおけるセレクタの優先度:
4つのグループに分けて,a b c d,優先度a>b>c>d,優先度が同じ後に現れる優先度が高い
a:スタイルがHTMLコードの場合は'style=...'のインラインスタイルで設定されている場合は、aグループを
1,b cdの3群はいずれも0とし,そうでなければa群は0とする.
b:セレクタのID属性の数を合計してbグループに計上する.
c:セレクタ内の他の属性および擬似クラスの数を合計してcグループに計上します.
d:セレクタ内の要素名および擬似要素の数を合計してdグループに計上する.
* {} /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */
li {} /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
li:first-line {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
ul li {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
ul ol+li {} /* a=0 b=0 c=0 d=3 -> specificity = 0,0,0,3 */
h1 *[id=ok] {} /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */
ul ol li.red {} /* a=0 b=0 c=1 d=3 -> specificity = 0,0,1,3 */
li.red.level {} /* a=0 b=0 c=2 d=1 -> specificity = 0,0,2,1 */
#xyz {} /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */
style="..." /* a=1 b=0 c=0 d=0 -> specificity = 1,0,0,0 */
以上の各グループのセレクタは、最後の行のインラインスタイルの優先度が最も高く、最後から2番目の行にIDセレクタの次があり、上の行ごとに順次弱まり、最上位のワイルドカードの優先度が最も弱い.
http://www.caodong.net/Article/889.html
------------------------------------------------------------------
htmlでは良い注釈習慣を身につけましょう
<div class="content">
<!--content {{-->
code
<!--content }}-->
</div>-----------------------------------------------------------------
css sprite:
何枚かの図を1枚の図全体に置いて、位置決めで対応する図を表示します
/*widthとheightは各小図のサイズであり、backgroundは大図全体である*/
.x1,.x2,.x3{width:*px;height:*px;background:url('') no-repeat}
.x1{background-position:left top}