메뉴 건너뛰기

style 속성에 대한 질문

okchoi 2020.09.18 11:06 조회 수 : 8

안녕하세요 교수님!

다름이 아니라, 메뉴의 헤드라인 글씨체를 변경하려고 하는 도중 의문점이 생겨서 이렇게 메일을 보내게 되었습니다.

 

수업시간에 글씨체를 바꾸는 것은 face라고 알려주셔서 face를 이용했는데, 아래의 사진과 같이 적용이 안됐습니다.

 

검색을 한 결과 폰트를 바꿀때 font-family를 이용한다는 글을 봤고 font-family를 이용해서 코딩을 했는데 다음과 같이 적용되었습니다. 

 

 

 

 

교수님께서 font는 face, color, size를 갖고 있는 유일한 속성이며 이를 사용하지 않으려면 style이라는 속성을 사용해야 한다고 하셨습니다.

그래서 style을 이용해서 face라는 속성을 적용시키려고 했는데 실패했습니다. 

이러한 현상에 대해 인터넷 서치를 해봐도 font-family와 face 사이에 무슨 차이점이 있길래 다른 결과를 도출해내는지 이해가 안가 이렇게 메일 드리게 되었습니다.

또한, face는 style 이라는 속성을 이용했을 경우에는 적용이 원래 안되는건지, 아니면 제가 무엇인가 잘못한건지도 궁금합니다.

 

 

_______________________________________________________________________________________________________________________________________________

질문에 대한 답변 드립니다.

먼저 훌륭한 질문 감사드립니다. 결론을 말하면  face는 style 이라는 속성을 이용했을 경우에는 적용이 원래 안되는 것입니다.

각각의 태그들이 가지고 있는 속성과 style이 가지고 있는 속성은 서로 명칭이 다릅니다.

 

font라는 태그의 경우 face라는 속성으로 글꼴(글씨체)을 표현하고

다른 태그들의 경우 글꼴을 표현하는 face라는 속성을 보유하고 있지 않아

style의 font-family라는 속성을 이용해서 표현합니다.

 

아래 예문 참조 바랍니다(결과 동일)

<h1> <font face="궁서체"> 나의 일대기 </font> </h1>

<h1 style="font-family:궁서체;"> 나의 일대기  </h1>

 

 

또다른 예로,

body 태그가 가지고 있는 배경색을 표현하는 bgcolor 를 

style 태그를 이용해서 표현하려면 background-color 를 이용해야 합니다.

아래 예문 참조 바랍니다(결과 동일)

<body bgcolor=yellow>  ~~~~ </body>

<body style="background-color:yellow;"> ~~~~ </body>

 

따라서 각각의 태그들은 고유한 속성을 보유하고 있고,

그 속성들과 동일한 기능을 style을 이용해서 표현하려면 style이 보유한 속성을 이용해서 표현해야 합니다.

 

번호 제목 글쓴이 날짜 조회 수
공지 무료 이미지, 영상, 음악 다운로드 사이트 총정리 okchoi 2022.03.27 485
공지 WinSCP 프로그램을 이용한 파일 업로드 okchoi 2022.03.10 10
공지 macOS 사용자에게 알립니다. okchoi 2022.02.03 17
공지 [한글] 폴더명 또는 파일명이 깨져서 보일 경우 okchoi 2021.09.29 17
공지 macOS 대체 프로그램(ATOM) okchoi 2021.09.28 30
공지 웹 페이지 수정후 크롬에서 결과 반영이 안된 경우 okchoi 2021.09.13 46
공지 크롬을 기본 웹브라우저로 설정하는 방법 okchoi 2021.08.31 19
공지 에디트플러스에서 FTP 접속이 안됩니다 okchoi 2021.08.31 25
공지 윈도우 10 원격지원 okchoi 2020.10.29 20
공지 웹 페이지를 실행시켰을 때 한글이 깨지는 현상 okchoi 2020.02.29 13
10 Video 태그 실습 okchoi 2021.04.03 6
9 컴퓨터 환경이 바뀌었을 때 (기존 웹페이지 작업을 이어서 하려고 합니다.) okchoi 2020.10.20 11
8 YouTube에서 지원하는 iframe 속성 okchoi 2020.09.29 17
» style 속성에 대한 질문 okchoi 2020.09.18 8
6 에디트플러스를 이용해서 이미지 업로드 하는 방법 okchoi 2020.09.14 18
5 macOS에서 IP 주소 확인 방법 okchoi 2020.08.25 14
4 웹 프로그래밍 기초와 웹과앱기초 동시 수강자의 경우 okchoi 2020.07.10 14
3 2주차 강의를 다 끝내고 브라우저에서 확인을 했는데 보이지가 않습니다. file okchoi 2020.07.10 10
2 웹사이트 안의 내용들이 모두 사라졌습니다. 복원 방법은? okchoi 2020.05.08 16
1 Window, Linux 파일 시스템 차이점 file okchoi 2020.04.06 17
위로