先端面接問題、知識点整理(メモ一)
5901 ワード
良い記憶性は腐った筆頭に及ばないで、いくつかの先端の小さいtips、実はプログラミングして、多くの時知識の点をすべてそろっていないで、学ぶのはプログラミングの思想で、論理は比較的に重要で、同時に比較的に良い符号化の習慣を身につけます.面接の基礎はとても重要で、このノートはいくつかの先端の面接の筆記試験問題を記載します.メモ1
注:displayとvisibilityの違いdisplayは要素を隠し、位置は占有されず、visibilityは元の位置を占有します.
注意:ボックスモデルCSSボックスモデルは本質的にボックスであり、周囲のHTML要素をカプセル化しています.これには、余白、枠線、塗りつぶし、実際の内容が含まれています.
全要素の幅=幅+左塗り+右塗り+左枠+右枠+左マージン+右マージン
総要素の高さ=高さ+上部充填+下部充填+上部境界+下部境界+上部境界+下部境界+下部境界+下部境界+下部境界はW 3 Cの仕様に従って、要素の内容が占める空間はwidth属性によって設定され、内容の周囲のpaddingとborder値は別途計算されます.残念なことに、IE 5.Xと6は,怪異モードで独自の非標準モデルを用いる.これらのブラウザのwidthプロパティは、コンテンツの幅ではなく、コンテンツ、内側の余白、枠線の幅の合計であり、IE 8以降のバージョンの互換性の問題を解決するには、HTMLページで宣言すればよい.
実際の開発では、幅を定義するときに100%を使用して適応を実現することがあります.このとき、padding、borderはこの要素に属しているほうが便利です.box-sizing:border-boxはこの問題を解決することができます.border-boxはブラウザにあなたが設定した枠線と内側の距離の値がwidthに含まれていることを理解するように伝えます.
css (A)
A)height C)text-align
B)font-size D)text-indent
CSS , (B)
A) .element { display: none; }
B) .element { visibility: hidden; }
C) .element { display: block;}
D) .element { visibility: visible; }
注:displayとvisibilityの違いdisplayは要素を隠し、位置は占有されず、visibilityは元の位置を占有します.
: 、overflow:hidden、clear:both
border-left、padding、content、border-right,
注意:ボックスモデルCSSボックスモデルは本質的にボックスであり、周囲のHTML要素をカプセル化しています.これには、余白、枠線、塗りつぶし、実際の内容が含まれています.
全要素の幅=幅+左塗り+右塗り+左枠+右枠+左マージン+右マージン
総要素の高さ=高さ+上部充填+下部充填+上部境界+下部境界+上部境界+下部境界+下部境界+下部境界+下部境界はW 3 Cの仕様に従って、要素の内容が占める空間はwidth属性によって設定され、内容の周囲のpaddingとborder値は別途計算されます.残念なことに、IE 5.Xと6は,怪異モードで独自の非標準モデルを用いる.これらのブラウザのwidthプロパティは、コンテンツの幅ではなく、コンテンツ、内側の余白、枠線の幅の合計であり、IE 8以降のバージョンの互換性の問題を解決するには、HTMLページで宣言すればよい.
実際の開発では、幅を定義するときに100%を使用して適応を実現することがあります.このとき、padding、borderはこの要素に属しているほうが便利です.box-sizing:border-boxはこの問題を解決することができます.border-boxはブラウザにあなたが設定した枠線と内側の距離の値がwidthに含まれていることを理解するように伝えます.
background-position 。
,
、 、 、
: , , ,
:
:
: ,
"margin " ,
:
① ( )
margin , 。
② ( )
margin-top:10px; :
10px 10px 。
:
(1) border, border 。
(2) overflow:hidden;
(3) padding 。
html :d
(A) DOCTYPE
(B) html
(C) title
(D) div
html html :A
(A)
(B)
(C)
(D)
D
(A) p (B) h
(C) input (D) span
, :C
(A) margin: 0 auto;
(B) text-aline:center
(C) vertical-align: middle
(D) float: left
B
(A)
(B)
(C)
(D)
var str = "11"+2-"1";
console.log(str);
console.log(typeof str);
str ___111____,str _ ______。
( )
Clear:both;
Overflow:hidden;
:after{
clear;both;
Content:0;
Height;0;
Line-height;0;
Disply;block;
Overflow;hidden;
}
. {zoom;1}
HTML ?
html 。 div