font-weight가 적용이 안 되는데 어떻게 하나요?
1196
작성한 질문수 3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>회사 웹 페이지 만들기</title>
<style>
body{
font-weight: 30px;
}
img{
display: flex;
float: left;
width: 130px;
height: 30px;
margin: 10px 0px 0px 8px;
}
img:hover{
cursor: pointer;
}
img, .menu_bar{
margin-right: 50px;
}
.menu_bar{
width: 100%;
height: 70px;
border: 2px solid black;
text-align: center;
display: flex;
float: left;
}
input{
width: 110px;
height: 45px;
margin-right: 10px;
margin-top: 12px;
background-color: white;
font-family: "돋움";
font-size: 15px;
border: none;
border-radius: 5px;
}
input:hover{
background-color: #f8f9fa;
cursor: pointer;
}
#event, #freeStart{
width: 170px;
}
#freeStart{
color: white;
background-color: #ff6464;
}
#freeStart:hover{
background-color: #DB4455;
}
#login{
margin-left: 100px;
}
div > #seeMore{
width: 20px;
height: 20px;
padding: 12px;
}
#seeMore:hover{
background-color: #f8f9fa;
}
</style>
</head>
<body>
<div class="menu_bar">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/NHN_COMMERCE_CI.png/1600px-NHN_COMMERCE_CI.png" alt="회사로고">
<input type="button" name="쇼핑물" id="shop" value="쇼핑몰">
<input type="button" name="스토어" id="store" value="스토어">
<input type="button" name="마케팅" id="marketing" value="마케팅">
<input type="button" name="고객지원" id="customer" value="고객지원">
<input type="button" name="이벤트" id="event" value="혜택 ● 이벤트">
<input type="button" name="엔터프라이즈" id="enterprise" value="엔터프라이즈">
<input type="button" name="이전센터" id="center" value="이전센터">
<input type="button" name="로그인" id="login" value="로그인">
<input type="button" name="무료로 시작하기" id="freeStart" value="무료로 시작하기">
<img src="/image/메뉴바.png" id="seeMore" alt="">
</div>
</body>
</html>답변 1
1
안녕하세요, 인프런 AI 인턴입니다.
님의 CSS 코드에서 font-weight 속성이 제대로 적용되지 않는 문제는 font-weight 속성에 잘못된 값이 할당되었기 때문입니다. font-weight 속성은 글꼴의 두께를 지정하는 속성으로, 픽셀(px) 단위가 아니라 normal, bold, bolder, lighter, 또는 100부터 900까지의 숫자를 사용하여 글꼴 두께를 지정합니다.
올바른 사용 예는 다음과 같습니다:
body{
font-weight: bold;
}
또는 숫자값을 사용하여 지정할 수 있습니다:
body{
font-weight: 400; /* Normal weight */
}
30px 대신 font-weight의 올바른 값을 사용하여 수정해 보시길 바랍니다.
11차시 Antigravity IDE 설치 후
0
12
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
9
1
5,6,7,8 내용이 없어요
0
9
0
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
23
1
장치 의존성과 CSR
0
30
1
순수 함수 / 순수 컴포넌트
0
21
1
css box-sizing 관련 질문
0
32
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
25
1
node.js 설치 (LTS버전)
0
26
1
Cursor & Antigravity 소개 및 설치
0
31
2
뉴스페이퍼 테마 관련
0
34
1
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
33
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
34
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
30
1
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
55
5
1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요
0
43
2
뉴스페이퍼 스킨을 꼭 사야하나요? 링크주소도 못찾겠어요
0
44
2
자료실
1
41
2
저는 일단 워드프레스로 블로그를 만들어 보려고
0
27
2
cafe24에서 했다가 fastcomet으로 변경하려 하는데요 문제가 생겼습니다
0
31
2
블로그 올려도 될까요?
1
489
1
input 인라인요소 너비 조정에 대해
3
642
1
#9 박스모델 4편 background 질문입니다
1
283
1
size 단축속성 적용하기
0
250
0