CSS를 사용하여 웹 글꼴의 표시 스타일을 제어하는 ​​방법을 가르칩니다. 체험 교환

HTML에는 content 태그에 대해 세 가지 설정만 있습니다: , CSS에는 content에 대해 세 가지 설정이 있습니다. 글꼴에 대한 더 자세한 설정이 필요합니다. 글꼴 설정: 글꼴 패밀리: 글꼴 이름 1, 글꼴 이름 3, 글꼴 이름 3 등. 글꼴의 우선순위를 표시합니다. 글꼴이 컴퓨터에 설치되어 있으면 해당 글꼴로 표시됩니다. 설정한 글꼴이 클라이언트 컴퓨터에 설치되어 있지 않으면 브라우저의 기본 글꼴이 표시됩니다: 글꼴 크기:18pt|120%|xx-small|s-small|small|medium|large|x-large|xx- 대형

글꼴 크기를 정의하는 방법에는 엄격하게 두 가지가 있습니다.

1. 절대
예: pt;in 이 크기는 고정되어 있으며 해상도로 인해 변경되지 않습니다..

2. 상대
예: px;em;% 해상도와 현재 글꼴 크기에 따라 변경됩니다...

font -style:normal|italic|oblique
Italic
font-weight:normal|bold|lighter|bolder|100-900
Font-weight
font-variant:normal|small-caps
더 작은 글꼴로 영어 소문자를 대문자로 변환

위의 적용에 대해서는 [CSS 삽입] 방법을 사용할 수 있습니다.
예:

다음은 인용 조각입니다:

제목>

span{font-size:20pt
font-color:purple
font-variant:small=caps; >}


/body>



이렇게 표시되는 글꼴은 20pt입니다. size, 보라색, 영문 소문자는 작은 대문자로 변환됩니다. 또는 다음과 같이 설정할 수도 있습니다.

다음은 인용문입니다:




Dhtml&Asp >

html ＞
이렇게 표시되는 글꼴도 20pt 크기로 보라색, 영어 소문자는 작은 대문자로 변환됩니다.