css 적용 문제
297
김민정
작성한 질문수 1
0
<!DOCTYPE html>
<html lang="en">
<head>
<title>animation information</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"href="main.css">
<style>
body
{
margin:0px;
}
header
{
position: relative;
top: 0px;
width:100%;
min-width: 1280px;
height:10vh;
background-color: hotpink;
}
main
{
position: relative;
top: 0px;
width:100%;
min-width: 1280px;
height:90vh;
background-color: rgb(130, 126, 231);
}
footer
{
position: relative;
top: 0px;
width:100%;
min-width: 1280px;
height:5vh;
background-color: hotpink;
}
nav
{
position : relative;
top: 0px;
width: 1280px;
margin:0px auto;
min-width: 1280px;
height:100%;
background-color: rgb(255, 255, 255);
}
button1
{
position: relative;
float: left;
top: 10px;
width: 140px;
cursor: pointer;
}
button2
{
position: relative;
top: 10px;
float: left;
width: 140px;
cursor: pointer;
}
button3
{
position: relative;
top: 10px;
float: left;
width: 140px;
cursor: pointer;
}
button4
{
position: relative;
top: 10px;
float: left;
width: 140px;
cursor: pointer;
}
main section1
{
position: relative;
top: 100px;
width: 600px;
height: 600px;
border: 1px solid black;
}
</style>
</head>
<body>
<header class = "header">
<nav class= "nav" >
<button class="button1">소개</button>
<button class="button2">추천</button>
<button class="button3">알림</button>
<button class="button4">소통</button>
</div>
</nav>
</header>
<main class="main">
<section class="section1">
</section>
</main>
<footer class="footer">
</footer>
</body>
</html>
visual studio code 사용해서 하고있는데, css 적용이 안됩니다 ㅠㅠ
답변 1
0
안녕하세요. 개발자Park입니다.
클래스이름을 가리킬 경우 .을 사용해주셔야 됩니다.
아래처럼 변경해주시면 되겠습니다.
태그일 경우에는 .을 사용안합니다.
감사합니다.
(예시/수정된 코드일부)
.button4
{
position: relative;
top: 10px;
float: left;
width: 140px;
cursor: pointer;
}
main .section1
{
position: relative;
top: 100px;
width: 600px;
height: 600px;
border: 1px solid black;
}
모바일 로고 이미지가 날아갔어요...
0
3
1
사주 판매를 위해서, 사업자등록증 업종 추가해야하나요?
0
24
0
연애인 사주는 그냥 넣어도 상관없나요?
0
45
1
14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.
0
42
1
인프당 무당 캐릭터 뽑는 프롬프트
0
54
2
10월 15일 삭제예정 강의 문의
0
44
1
강의가 중복됐어요
0
59
1
결제가 이루어지는 방식에 대한 문의
0
70
1
강의제목에 10/15일 삭제라고 나와있는데,
0
50
1
css 안먹어요
0
195
1
폼테그 안에 메소드
0
240
1
자동완성 설정하는 방법?
0
405
1
html 구조 설계 진행 방식
0
337
1
form태그 method 질문
0
244
1
html 태그 질문
0
283
1
행과 열
0
381
2
자꾸 이런 창이 뜹니다
0
262
1
Value 값에 대해서
0
244
1
어느 순간부터 키가 제대로 안먹힙니다...
0
392
1
다중커서
0
351
2
링크 거는거 설명해주실때 네이버로 하는거 보여주시는데 a태그 건다고 할때 a뒤에 어떤기호인가요? 그냥 점으로 하면 안되는 것 같아서 여쭤봅니다
0
207
1
main이 적용이 안됩니다ㅜ
0
327
2
LIVE SERVER 문제
0
291
1
소스를 좀 볼수있을까요?
1
338
3