inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Khóa học CSS cơ bản cho người mới bắt đầu

kết luận lớp học

font-weight가 적용이 안 되는데 어떻게 하나요?

1224

groria1234317

3 câu hỏi đã được viết

0

<!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>

HTML/CSS Visual Studio Code

Câu trả lời 1

1

communityai8509

안녕하세요, 인프런 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의 올바른 값을 사용하여 수정해 보시길 바랍니다.

14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.

0

9

0

인프당 무당 캐릭터 뽑는 프롬프트

0

7

0

10월 15일 삭제예정 강의 문의

0

37

1

강의가 중복됐어요

0

47

0

결제가 이루어지는 방식에 대한 문의

0

53

1

강의제목에 10/15일 삭제라고 나와있는데,

0

47

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

56

2

1강 동영상 재생 오류

1

67

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

41

1

Composition단계에서 `Layer`는 누가 만드는지

0

44

1

Strict Mode 예시 질문!

0

58

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

61

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

89

4

설명이 잘못된거같습니다.

1

77

2

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

66

1

bitnami 설치

0

39

0

강의 소스 코드는 어디서 볼수 있나여?

1

70

1

자료집 관련

0

66

2

13. (App 2) 기본기 훈련 에서

0

96

1

17강 강의에 목데이터 첨부파일이 없습니다.

2

89

2

블로그 올려도 될까요?

1

504

1

input 인라인요소 너비 조정에 대해

3

652

1

#9 박스모델 4편 background 질문입니다

1

292

1

size 단축속성 적용하기

0

259

0