스타일과 스타일시트 글꼴

스타일: HTML 문서의 글꼴이나 색상, 정렬, 각 요소들의 배치 방법 등 문서의 겉모습을 결정짓는 내용들

선택자 { 스타일 속성: 속성 값}
선택자: 테이블, 목차 등 스타일 규칙이 적용될 대상
속성이 여러개라면 세미콜론(;)으로 구분
주석: /*와 */ 사이

스타일시트: 스타일을 관리하기 쉽도록 한 군데 모아놓은 것

글꼴

<!DOCTYPE html>



<html lang="ko">

<head>

    <meta charset="utf-8">

    <title>웹 폰트 사용하기</title>

    <style>

      @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

      .ng-font{

        font-family: 'Nanum Gothic', 돋움, 굴림;

      }

      p{

        font-size: 30px;

      }

    </style>

</head>

<body>

  <p>브라우저 기본 글꼴 사용</p>

  <p class="ng-font">나눔고딕 웹 폰트 사용</p>

</body>

</html>

저작자표시 비영리 변경금지

'Learning > HTML&JavaScript' 카테고리의 다른 글

CSS 레이아웃 (0)	2020.07.21
CSS와 박스 모델 (0)	2020.07.21
<datalist>가 있는 신청서 폼 (0)	2020.07.17
폼 관련 태그들 (0)	2020.07.14
이미지와 하이퍼링크 (0)	2020.07.14