carousel의 footer부분에
294
작성한 질문수 1
carousel footer부분 ....에서 div안에 아무것도 안넣었는데 어떻게 ....이 나오는 건가요??
답변 1
1
안녕하세요.
footer부분에 특별한 내용이 없는데 화면에 점이 나오는 이유는 CSS 속성을 부여했기 때문입니다.
[실습으로 검증하기] 인스타그램 포스팅 카드 만들기 - UI(4-1) 강의의 57분 50초를 확인해보시면 footer에 CSS작업을 해주는 부분이 나옵니다.
div 태그안에 아무런 내용 없이 화면에 가로 100px, 세로 100px인 갈색 정사각형을 출력해보겠습니다.
[html 파일]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<link rel="stylesheet" type="text/css" href="styles/test.css" />
</head>
<body>
<div class="hello">
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
[css 파일]
.hello {
display: flex;
justify-content: center;
}
.hello div {
width: 100px;
height: 100px;
background-color: brown;
border: 1px solid brown;
margin: 10%;
}위의 예제에서는 실습과 같이 hello클래스라는 div태그를 선언해주고 그 밑에 아무것도 선언하지 않은 div 태그를 3개 선언하였습니다. 이렇게 해주면 다음과 같이 화면이 출력되게 됩니다.
예제에서 알 수 있듯이 div태그 안에 아무런 내용이 없는데도 화면에 footer가 표시되는 이유는 CSS 때문이라고 생각하시면 될것 같습니다.
답변에 도움이 되셨길 바랍니다 :)
오늘도 즐거운 하루 되세요!
unregistered 이라 뜨며 작동하지 않습니다.
0
51
1
공부한 내용을 블로그에 정리해서 올려도되나요?
0
94
1
sublime text 설치 불가
0
176
1
사진과 본문 내용에 패딩이 40px 들어가 있는데 이유를 모르겠습니다
0
98
1
처음 질문과 옵션 관련 질문입니다.
0
89
1
마지막에 news 관련 질문
0
82
1
태그 닫는 단축키가 뭔가요?
0
169
1
강의에 사용하는 예제 코드 자료 있나요?
0
384
1
회원가입 폼 검증하기 실행이 안됩니다.
0
274
1
이미지랑 아이콘 파일을 어떻게 찾아요?
0
351
1
VS 코드는 절대 경로랑 상대 경로로 상위 문서 접근이 차단되어 있네요
0
475
0
프로젝트 고민 해결이 안되어 다시 올립니다.
0
393
1
프로젝트 고민 다시올립니다.
0
447
1
친구와의 프로젝트 고민
0
420
1
화면 오른쪽 스크롤이 넘어가질 않아요!
0
515
1
학과 설정
0
330
2
회원가입폼 검증 -2 에서 문제가생겼습니다
0
330
1
card.html 버튼 위치
0
601
1
인스타그램 코드 작성 후 동작을 해보았는데 버튼을 눌러도 넘어가질않네요
0
356
2
margin 값에 관한 질문입니다.
0
406
1
function clearMessages() 함수의 원리를 알고싶습니다
0
319
1
removeEventListener
0
235
1
버튼을 눌렀을때 케러셀의 이동
0
809
2
html 파일 올립니다!
0
375
1