ブロックレベルの要素と行内の要素はそれぞれどれらがありますか?4つ以上の特性の違いをテストし、リストします。
ブロック級元素にはdiv hi p hr form ul pre table li dd dt tr td thなどのがある.
行の要素にはem strong span a br img button label input select code scriptなどのがある.
特性区別ブロックレベル要素
行内要素
ブロックレベルと行内要素を含む
テキストと行の要素を含む
行全体の空間を占める
自分の幅を占めるスペース
幅と高さの設定が有効
無効な幅と高さの設定
4方向のmargin値
左右両方向のmargin値
CSS継承とは?継承できる属性とできない属性はどれですか?
継承性とは、内部に包まれたラベルが外部ラベルのスタイルを持つことを意味する、すなわち、子要素が親要素の属性を継承できることを意味する.
継承可能な属性はフォントファミリのプロパティ font:コンビネーションフォント font-family:規定要素のフォントシリーズ font-weight:フォントの太さを設定 font-size:フォントのサイズを設定 font-style:フォントのスタイルを定義する font-variant:小文字のフォント表示テキストを設定します.これは、すべての小文字が大文字に変換されることを意味しますが、小文字のフォントを使用するすべてのアルファベットは、残りのテキストに比べてフォントサイズが小さいことを意味します. font-stretch:現在のfont-familyを伸縮変形します.すべての主流ブラウザではサポートされていません. font-size-adjust:ある要素にaspect値を指定することで、優先フォントのx-heightを維持できます. テキスト系列属性 text-indent:テキストインデント text-align:テキスト水平整列 line-height:行高 word-spacing:単語間の空白(すなわち字間隔)を増加または減少させる
letter-spacing:文字間の空白(文字間隔)を増加または減少
text-transform:テキストの大文字と小文字を制御する direction:所定テキストの書く方向 color:テキスト色 要素の可視性:visibility テーブルレイアウトプロパティ:caption-side、border-collapse、border-spacing、empty-cells、table-layout リストレイアウトプロパティ:list-style-type、list-style-image、list-style-position、list-style 生成コンテンツ属性:quotes カーソルプロパティ:cursor ページスタイルプロパティ:page、page-break-inside、windows、orphans サウンドスタイルプロパティ:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、azimuth、elevation 継承性のない属性はあります display:要素が生成すべきボックスのタイプを規定するテキスト属性: vertical-align:垂直テキスト揃え text-decoration:テキストに追加する装飾を規定する.
text-shadow:テキストシャドウ効果 white-space:空白文字の処理 unicode-bidi:テキストの方向を設定 箱モデルの属性:width、height、margin、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-top-style、border-bottom-style、border-left- style、border-left- style、border-width、border-width、border-top-width、border-right-right、border-bottom-width、border-border-left- width dth、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left 背景属性:background、background-color、background-image、background-repeat、background-position、background-attachment 位置決め属性:float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index コンテンツ属性の生成:content、counter-reset、counter-increment 輪郭スタイルプロパティ:outline-style、outline-width、outline-color、outline ページスタイルプロパティ:size、page-break-before、page-break-after サウンドスタイルプロパティ:pause-before、pause-after、pause、cue-before、cue-after、cue、play-during ブロックレベル要素を水平方向に中央に配置するにはどうすればいいですか?行の要素を水平方向に中央に配置するにはどうすればいいですか?
ブロックレベル要素水平中央:margin:0 auto 行内要素水平中央:text-align:center CSSで三角形を実現
http://js.jirengu.com/harof/1/edit?html,css,output
1行テキストオーバーフロー...どのように実現しますか?
.single {
width: 20px;
white-space: now-wrap;
overflow: hidden;
text-overflow: ellipsis;}
px,em,remの違いは何ですか
px:固定単位 em:親要素フォントのサイズよりも相対単位 rem:相対単位、ルート要素フォントサイズに比べて
次のコードの役割を説明しますか?どうして引用符をつけますか。フォントの中で5 b 8 b4 f 53は何を表していますか?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
このコードの役割は、bodyのフォントサイズを12 pxに設定し、行の高さをフォントの1.5倍に設定し、フォントをTahoma、arial、hiragano sans GB、宋体、sans-serif に設定することです.
引用符はフォント名にスペースが含まれているため、付けないと1つの単語1つによってが個別に認識される可能性があります.
5 b 8 b4 f 53とは宋体のことで、そのまま漢字でフォント名を書くと、認識できずフォント設定が失効する場合があります.念のためフォント名をunicodeで示す