入門タスク8

1878 ワード

1.ブロックレベルの要素と行内の要素はそれぞれどれらがありますか?4つ以上の特性の違いをテストし、リストします。

  • ブロック級元素div h 1 h 2 h 3 h 4 h 5 h 6 p hr form ul dl ol pre table li dd dt tr td th
  • 行内の要素em strong span a br img button iput label select textarea code script特性の違い
  • ブロックレベルはブロックレベルと行内を含むことができ、行内にはテキストと行内
  • のみを含むことができる.
  • 行の内要素は上下の外マージンを設定すると失効し、上下の内マージンを設定するのは有効だが高さを占めない
  • .
  • ブロックレベルの要素はwidthとheightの属性を設定することができ、行内の要素は幅
  • を設定することができない.
  • ブロックレベルの要素幅はデフォルトで行全体を占め、内部要素幅は
  • に適応する.

    2.CSS継承とは?継承できる属性とできない属性はどれですか?

  • css継承とは、特定のCSS属性が子孫要素に下向きに伝達されることを意味する.継承できるかどうかは
  • をクリックしてください

    3.ブロックレベル要素を水平方向に中央に配置する方法行の要素を水平方向に中央に配置するにはどうすればいいですか?

  • ブロック要素中央:
  • .box {
      /* margin: 0 auto;   */
      margin-left: auto;
      margin-right: auto;
    }
    
  • 行内要素中央:
  • .box{
        text-align: center;
      }
    

    4.CSSで三角形を実現する

    .a{
      width:0;
      height:0;
      border-top: 30px solid transparent ;
      border-right: 30px solid transparent ;
      border-left: 30px solid transparent;
      border-bottom: 30px solid red ;
      }
    

    5.単行テキストオーバーフロー加算...どのように実現しますか?

    .card > h3{
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    

    6.px,em,remの違い

  • px:固定単位
  • em:親要素のフォントサイズに対する相対単位
  • rem:相対単位、ルート要素(html)に対するフォントサイズ
  • 7.次のコードの役割を説明しますか?どうして引用符をつけますか。フォントの中で5 b 8 b4 f 53は何を表していますか?

    body{
      font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
    }
    
  • フォントサイズ12 px、
  • 行高さ1.5倍フォントサイズ、
  • フォントは、tahoma,arial,'Hiragino Sans GB','5 b 8 b4 f 53',sans-serifの順に選択できます.これらのフォントが存在しない場合は、ブラウザのデフォルトフォントを選択します.スペースまたはUnicodeコードがある場合は、引用符が必要です.5 b 8 b4 f 53は宋体
  • を表す

    8.コード


    1.コード1 2.コード2 3.コード3 4.コード四5.コード5