TIL-CSS(Property,Selector)

5637 ワード
selector CSS @property テキストリンク

22.04.17


💜 CSS font-size Property


font-sizeプロパティ
  • font sizeプロパティフォントのサイズを設定します.
    • <style>
  h1 {
  font-size:45px;
  }
</style>

    🧡 CSS text center Property


    text-alignプロパティは、テキストの整列方向を表します.
     <style>
   h1 {
   text-align: center;
   }
  </style>

    💛 CSS Selector


    📌 クラスセレクタ


    class値を選択するコレクタ.classという名前のプロパティの値は使用でき、スペースで区切られます.権力が同じなら、最近の命令に従う.
    /*css*/
<style>
   .saw {
   color:gray;
   }
  /*html*/
   <li><a href="1.html" class="saw">html</a><li>
    ここでclassもsawもCSSではなくHTMLです.
    瓇sawのみを使用する場合は、Webページ上のすべての名前「saw」の選択者を選択します.
    class値sawのタグを表示するには、「.「saw」の前にポイントを付けます.

    📌 IDセレクタ


    id値のコレクタを選択します.idはhtmlで繰り返し、使用できません.
    全面的ではないため、主に例外に用いられる.
    classセレクタより優先されます.
     /* css */
#active {
 color:red;
 }
 .saw {
 color:gray;
 }
 /*html*/
 <li><a href="1.html" class="saw">HTML</a><li>
 <li><a href="2.html" class="saw" id="active">CSS</a><li>
    89 classセレクタはその後入力されますが、idセレクタの影響を受けます.
    junitユニットテストにおけるいくつかの有用な注釈
    Element.setAttribute