210702

3094 ワード

学習の内容


*htmlのデフォルト設定
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

*css의 기본 셋팅
body{
	background-color: red; } 
    
하고 연동되었는지 index.html 웹사이트 열어서 확인 

  • class=別名

  • タグの内容を開く/閉じるex) <div class="box-model">Hello World</div>ハローワールドは内容です

  • Webサイトで-stlyeを表示すると、エッジ、border、paddingの場所がわかります.(座標配置操作のcssのプロパティ)

  • Tip. コメント処理の高速化
    ウィンドウ:CTRL+/(CTRL+/)を押すと、/をすばやく適用できます.

  • box-sizing: vorder-box;
    場所をpaddingに変更し、作成したスペースのサイズを維持したい場合は、

  • margin:右上と左下の順に数字pxを記入

  • .inline,.inline-block, .img{vertical-align: top;}
    最上位揃えにのみ適用される垂直揃え<-inline(span)要素(h 1には適用されません)

  • postion: static; 親に高さ値がない場合、子の高さ値は親の高さ値に影響します.

  • position: absolute; 子供の身長は親に影響を与えてはいけない.
    fix; 同一

  • position:両方の影響を及ぼす

  • z-index: 10; Z軸の高さに影響するプロパティ
    (2 Dスタティックは使用できません)
  • 難点


    EXCELのように公式を暗記するのは疎いですが、最初の文字を記入するだけで多くのラベルが見えるので、いろいろな方法で作ることができます.中間で発生する衝突や優先順位を明確にする必要があるようだ.

    ソリューション


    Keep studying...

    感想


    1回目の受講ではまず記録をし、2回目の受講ではそれに従います.どちらが効果的かはわかりませんが、真似は確かに遅いですが、考える時間がたくさんあると思います:)