레이아웃 혼자서 연습 해본다고 해봤는데 박스가아니라 폰트 안에 박스가 생겨요
546
작성한 질문수 1
2번정도 보면서따라하는걸 반복하고 복습하기위해
그림 레이아웃만 보고 작성을 해봤는데
실시간 미리보기 하니까 다르게 나와있어서 어디서부터
잘못되었는지 잘 모르겠어서 처음부터 영상을 보면서 다시
해봤는데 영상을 보면서 했을때는 결과물이 똑같이 잘만
나왔던게 갑자기 안되니까 답답해서 요청 드려봅니다.ㅜㅜ
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>layout04</title>
<style>
body {background-color: #ffe0b2;}
#wrap {width: 1000px; height: 900px; margin: 0 auto; font-size: 30px; color:#fff; text-align: center; text-transform: uppercase;}
.header {width: 1000px; height: 100px; line-height: 100px; background: #ef6c00;}
.nav {width: 1000px; height: 100px; line-height: 100px; background: #f57c00;}
.side {float: left; width: 300px; height: 600px; line-height: 600px; background: #fb8c00;}
.content1 {float: left; width: 700px; height: 300px; line-height: 300px; background: #ff9800;}
.content2 {float: left; width: 700px; height: 300px; line-height: 300px; background: #ffa726;}
.footer {clear: both; width: 1000px; height: 100px; line-height: 100px; background: #ffb74d;}
</style>
</head>
<body>
<div di="wrap">
<dic class="header">header</dic>
<dic class="nav">nav</dic>
<dic class="side">side</dic>
<dic class="content1">content1</dic>
<dic class="content2">content2</dic>
<dic class="footer">footer</dic>
</div>
</body>
</html>
http://127.0.0.1:52737/04.%20layout04.html
아 그리고 질문하나 더있습니다.
Brackets 프로그램이랑 Visual studio Code 프로그램이랑
다른점이 있나요? 사용을 해보았을때엔 둘다 비슷한 프로그램 같은데말이죠.
답변 2
0
Brackets 과 vscode는 같다고 보셔도 됩니다.
영상이 찍은지 오래되서 브라켓으로 작업하였지만
지금은 vscode를 많이 쓰기 때문에 vscode를 사용하셔도 무방합니다.
17강 강의에 목데이터 첨부파일이 없습니다.
0
7
0
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
10
1
11차시 Antigravity IDE 설치 후
0
14
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
10
1
5,6,7,8 내용이 없어요
0
13
1
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
25
1
장치 의존성과 CSR
0
30
1
순수 함수 / 순수 컴포넌트
0
22
1
css box-sizing 관련 질문
0
32
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
25
1
node.js 설치 (LTS버전)
0
27
1
Cursor & Antigravity 소개 및 설치
0
32
2
뉴스페이퍼 테마 관련
0
35
1
강의 수업노트 링크에 오류가 있어요.
0
96
1
[라이트박스]
0
137
1
<탭 메뉴 스크립트> - 공지사항 탭 Background color가 반영되지 않습니다.
0
141
1
레이아웃 문제
0
224
1
미디어 쿼리 작동
0
431
3
영상 오류가 발생합니다
0
341
1
무료 호스팅 FTP 연결 경고 알림 관련
0
471
1
[헤더 타이틀 & 웹 폰트]
0
240
1
layout3 float:left 질문
0
413
2
layout 5번 영상이 안나오네요
2
364
1
웹 퍼블리싱 실습 예제
0
833
2





