레이아웃 혼자서 연습 해본다고 해봤는데 박스가아니라 폰트 안에 박스가 생겨요
미해결
[웹 퍼블리싱 실습] 웹 표준 사이트 만들기
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 프로그램이랑 다른점이 있나요? 사용을 해보았을때엔 둘다 비슷한 프로그램 같은데말이죠.
- layout04
- 프로그램
- HTML/CSS