[CSS] 폰트스타일

.font_arial{

    /*  폰트 스타일 : pc에 폰트가 있어야 화면에 적용됨  */

    /*  font-family : 스타일1, 스타일2, 스타일3  */

    /*  스타일 1 이 있으면 스타일 1이 적용됨

        없으면 스타일 2이 적용,

        없으면 스타일 3이 적용

    */

    font-family: Arial, Helvetica, sans-serif;

}

.font_roman{

    font-family: 'Times New Roman', Times, serif;

}

.font_italic{

    /* 이텔릭체 */

    font-style: italic;

    /* 굵은 글씨 bold, bolder(더굵게)*/

    font-weight: bolder;

    /* 글자 중앙 정렬 : 이미지는 등은 안됨, 오직 글자만 가능 */

    /* 중앙 정렬 */

    text-align: center;

    /* 왼쪽 정렬 */

    /* text-align: left; */

   

    /* 오른쪽 정렬 */

    /* text-align: right; */

}

폰트사이즈

/* 글자 단위 : px, em(rem), % */

/* 1st p태그 선택 */

p:nth-child(1) {

    /* 상대 크기 단위(글자) */

    /* 1.0em == 16px(웹 브라우저 기본 글자 단위 : 부모 태그에서 상속받음) */

    /* font-size : 100% == 1.0em == 16px */

    /* font-size: 1.0em; */

    /* 고정 크기 */

    font-size: 16px;

}

/* 2nd p태그 선택 */

p:nth-child(2) {

    font-size: 1.5em;

}

/* 3rd p태그 선택 */

p:nth-child(3) {

    font-size: 2.0em;

}