* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
안녕하세요. 강의 너무 재미있게 잘 듣고있습니다! 감사합니다!
[왕초보] 웹개발 종합반 1-8 강의를 들으면서 나온 margin 값을 이리저리 바꿔보면서 확인하다가 궁금한 점이 있어 질문드립니다!
margin값을 20px 200px 0px 100px를 주었을 때와 20px 500px 0px 100px를 주었을 때 모두 아래 캡쳐와 같이 동일하게 왼쪽 기준으로 여백값이 설정이 되는데 margin값에도 우선순위가 있는걸까요?
만약 우선순위의 기준이 되는 값이 순서대로라면 마지막 값(아래,왼쪽)만을 입력하여 위치를 맞춰도 되는건가요?
작성한 코드 및 에러 메세지
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.mytitle {
width: 350px;
height: 300px;
background-color: aquamarine;
color: white;
text-align: center; /*정렬-중앙*/
padding-top: 30px; /*내부여백*/
border-radius: 8px; /*모서리라운딩*/
/*이미지 삽입,3줄이 늘 묶여 사용*/
background-image: url("https://preview.redd.it/240420-seventeen-best-album-17-is-right-here-concept-photo-v0-3mm2d3cacgvc1.png?width=720&format=png&auto=webp&s=03838736484835ad73dc1f3799e1b96995d327f2");
background-position: center;
background-size: cover;
}
.wrap {
background-color: aqua;
width: 350px; /* 구역 값 지정 */
margin: 20px 200px 0px 100px; /* 여백값 순서대로 위,오른쪽,아래,왼쪽 */ /* auto 는 끝까지 여백의 끝까지 민다*/
}
</style>
</head>
<body>
<div class="wrap"> <!--구역지정---->
<div class="mytitle" > <!--구역지정-->
<h1>로그인 페이지</h1>
<h5>아이디, 비밀벌호를 입력해주세요</h5>
</div>
<p> ID: <input type="text"> </p>
<p> PW: <input type="text"> </p>
<button> login </button>
</div>
</body>
</html>
