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回目の受講ではそれに従います.どちらが効果的かはわかりませんが、真似は確かに遅いですが、考える時間がたくさんあると思います:)
Reference
この問題について(210702), 我々は、より多くの情報をここで見つけました https://velog.io/@boyun1221/210702テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol