• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

CSS적용

21.06.20 19:55 작성 조회수 194

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
INDEX에서는 CSS가 적용이 됬었는데
FORM에서는 CSS가 적용이 안되요ㅠㅠ
다 똑같이 했는데 왜 적용이 계속 안될까요?
인터넷에서 쿠키 삭제하면 된다그래서 쿠키삭제도 했는데
계속 적용이 안됩니다....

답변 1

답변을 작성해보세요.

0

안녕하세요 제주코딩베이스캠프입니다.

현재 오류가나는 form.html의 전체 코드를 공유해주시면 해결해드리도록 하겠습니다.

화면을 캡쳐하거나 코드를 답글로 달아주세요!

PH401님의 프로필

PH401

질문자

2021.07.13

@font-face {

    font-family: 'GmarketSansBold';

    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'NEXON Lv1 Gothic OTF';

    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

body{

    background-color: #bfc8d7;

    color: #41553f;

    overflow: hidden;

    font-family: "NEXON Lv1 Gothic OTF";

}

#survey {

    display: flex;

    justify-content: center;

    width: 100vw;

    height: 100vh;

    margin-top: 50px;

}

.test {

    max-width: 600px;

    height: 100vh;

}

.question_container {

    display: flex;

    flex-direction: column;

    align-items: center;

    font-size: 30px;

    line-height: 1.3;

    padding-bottom: 10px;

}

.question_container .number {

    padding-bottom: 30px;

}

.question_container .question {

    font-family: "GmarketSansBold";

}

.answer {

    font-size: 17px;

    line-height: 1.5;

    padding-bottom: 30px;

}

.answer div {

    padding-bottom: 15px;

}

.answer input {

    cursor : pointer;

}

.btn_wrap {

    display: flex;

    justify-content: center;

}

.btn_sort {

    justify-content: space-between;

}

button, .submit_btn {

    width: 100px;

    height: 40px;

    padding: 5px;

    border-style: none;

    border-radius: 10px;

    font-family:'NEXON Lv1 Gothic OTF' ;

    font-size: 20px;

    background-color: #41553f;

    color: #dda5a5;

    cursor: pointer;

}

button:hover, .submit_btn:hover {

    color:#41553f ;

    background-color: #dda5a5 ;

}

PH401님의 프로필

PH401

질문자

2021.07.13

@font-face {

    font-family: 'GmarketSansBold';

    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'NEXON Lv1 Gothic OTF';

    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

body{

    background-color: #bfc8d7;

    color: #41553f;

    overflow: hidden;

    font-family: "NEXON Lv1 Gothic OTF";

}

#survey {

    display: flex;

    justify-content: center;

    width: 100vw;

    height: 100vh;

    margin-top: 50px;

}

.test {

    max-width: 600px;

    height: 100vh;

}

.question_container {

    display: flex;

    flex-direction: column;

    align-items: center;

    font-size: 30px;

    line-height: 1.3;

    padding-bottom: 10px;

}

.question_container .number {

    padding-bottom: 30px;

}

.question_container .question {

    font-family: "GmarketSansBold";

}

.answer {

    font-size: 17px;

    line-height: 1.5;

    padding-bottom: 30px;

}

.answer div {

    padding-bottom: 15px;

}

.answer input {

    cursor : pointer;

}

.btn_wrap {

    display: flex;

    justify-content: center;

}

.btn_sort {

    justify-content: space-between;

}

button, .submit_btn {

    width: 100px;

    height: 40px;

    padding: 5px;

    border-style: none;

    border-radius: 10px;

    font-family:'NEXON Lv1 Gothic OTF' ;

    font-size: 20px;

    background-color: #41553f;

    color: #dda5a5;

    cursor: pointer;

}

button:hover, .submit_btn:hover {

    color:#41553f ;

    background-color: #dda5a5 ;

}