1/11


@idは同じ名前を繰り返すことはできません.classは同じ名前を繰り返すことができます.
@fonf-familyはフォントをリストしていますが、最初でなければ次はフォントで、スペースのあるフォントであれば「二重引用符」に入れます.
@font-weight>フォントの太さ(normal=400 bold=700)
@インデントの2つの方法
htmlのタグ内  または
css property (text-indent :~px;) 使用
@padding - border- margin
設計案を受け取ると、頭の中でダウンジャケットの値、利益値を計算するのが難しくなります.
cssで
*{box-sizing: border-box;}
このように横道を切ってからダウンジャケットにお金をあげるともっと便利です.
@imgのほか、cssを使用して画像を追加することもできます.
html
<div class="bg-img">배경이미지</div>
css
.bg-img {
  background-color: yellow;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/1280px-HTML5_logo_and_wordmark.svg.png");
}
ここでwidthとheightの大きさを与えてdiv自体のサイズを調整することができる.
写真の大きさは彼に合わない.
その時.
 background-size: 100%; // div 가로 크기에 맞게 이미지를 맞게 꽉 채워주라
cssのボリュームは指定されません.
htmlにdivを作成すると、テキストがない場合は表示されません.
ただし、cssに水平縦線を指定すると画面に表示されます.
cssのラベル内
 background-image : url(주소);
入れたら写真を添付できます.
! しかし、imgに比べて、
意味のないデータやWebページを飾るときに使用するのが望ましい.
意味を与えられないから!
@inline > block/block > css
-cssでinlineスタイルをblockに変換できます.
display : block;
あるいは画面が見えないようにすることができます.
display : none;
(なぜ表示されないのですか?後でjsでクラスを置き換えて表示できます.新しいクラスにはdisplay:block;ex)緑のウィンドウの関連クエリー>>よく使われる方法があるはずです)
-cssでblockをinlineに変換できます.
float : left; 
(or right, none)
@block要素の場合
横値をつけるともう上がらない.
マウスの左ボタンをautoに設定すると、
内容を真ん中に横向きにすることができます.
html
<div>강민지</div>
css
div{
margin : 10px auto;}