🥴 「私の最初のWebサイト」のデザインを適用

😡 エラーを解決...

buttton.またcssファイルを作成し、linkラベルを使用して繰り返し削除しようとしたが、失敗した.

sol.
button.css에 <style>를 넣어주면 안된다...!

参考ブログ:コード:link style。cssは適用されません2

inline vs block

inlineタグ

ex.
<span>
<a>

blockタグ

ex.
<div>
<h1> 등의 헤더 태그

画像にテキストを所望の位置に配置します.

参考ブログ:画像にテキストをアップロード2

参考ブログ:必要な場所にCSSを配置
😡 使いづらいならimgタグにclassを入れて使います~!

img.image1 {
    position: relative;
    top: 20%;
    left: 50%;
}
# .은 class를 의미한다
# #은 id를 의미한다

😡 解題方法

<div class= 'wrap'>
	<div class= 'jb-image'><img src='원하는 이미지 주소'></div>
    <div class= 'jb-text'>원하는 텍스트 넣어주기</div>
</div>

このようにアレンジしてcsstylepropertyを使います~!

position: relative;
相対的な位置を意味します.

position: absolute;
絶対的な位置を意味します.

transform: translate( -50%, -50% );
x軸-50%、y軸-50%を移動します.

💛 私が最初にHTML&CSSを使ったサイト:https://nohjeongkim.github.io/CSS-my-first-website/main