210716


🎊学習の内容


Webインターンシップ
モバイルスクリーンレイアウトを作成してpcを作成する
mobile

@media (min-width: 47em) {
pc }
すべてのラベルを適用:*
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
空間の中心にy軸を位置合わせする
top: 50%;
transform: translateY(-50%);
cssクラスの貼り付け
/* class 속성 값에서 .payment-ico, .one 둘 다 가진 요소에 적용 */
#footer .right-methods .payment-icon.one {
	background-color: black;
}
tip
1.id属性値重複不可
2.a href=""idはマージ可能、クラスはマージ不可
3.ロールを演じるclassを事前にcssに作成し、classをhtmlに追加する
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.m-b-100 {
	margin-bottom: 100px;
}

.p-b-100 {
	padding-bottom: 100px;
}
mobile

pc

次の内容はgithubにアップロードされます.

学習内容の難点


pタグで内容を書き、ページを見るとfontごとに改行現象が出てきて、余白も違って見えますが、たぶんfontごとにsizeやheightなどが違って見えますよね?

🎁解決策


参考サイト以外にも他の資料を探すべきで、正確に理解できるようです.
https://wit.nts-corp.com/2017/09/25/4903

🎉学習の心得.


昨日が適応型だったとしたら、今日は反応型の実習をしました.混淆されたものが多くなりましたㅠㅠㅠ昨日の位置なら今日はfontㅠ🤯