CSS에서 글꼴 텍스트를 설정하는 방법

글꼴 속성이라고 하면 누구나 떠올리는 것은 텍스트일 텐데요. 따라서 이 글에서는 CSS 텍스트 설정을 잘 이해하거나 텍스트 스타일 설정에 대해 알아볼 수 있습니다.

CSS는 텍스트의 스타일을 설정할 수 있습니다. CSS 글꼴은 무엇인가요? 텍스트의 상단 및 하단 줄 간격

CSS 글꼴 스타일(기울임꼴)

CSS 단어 볼드체 방법

DIV+CSS 영문 단어, 대소문자

DIV +Css 개발 중인 글꼴 설정 일반적인 CSS 속성 단어 영어 CSS 글꼴에 액세스할 수 있는 CSS 매뉴얼로 더 자세한 CSS 텍스트 지식 보기

font, 글꼴 패밀리(글꼴), 글꼴 크기(글꼴 크기), 글꼴 스타일(글꼴 스타일), Font-weight (css 굵은체),

text-꾸밈

(밑줄),font-variant (대소문자),

text-transform

(영문대소문자),

letter-spacing

(간격)

다음으로 설명하겠습니다. 하나씩

예제

css를 통해 텍스트를 제어하는 ​​방법

, 글꼴 크기에 글꼴 크기 사용

먼저 글꼴 크기 값을 36px로 설정한 후 다음 결과를 보면 글꼴이 상대적으로 큰 것을 알 수 있습니다. 2. 텍스트 색상 텍스트 색상은 CSS 색상 색상 속성을 사용하여 색상 변경 스타일 값을 통해 텍스트 스타일의 색상을 빨간색으로 설정합니다. 3 CSS는 텍스트 CSS의 밑줄 방법을 제어합니다. 글꼴, 텍스트 장식 사용

text - 장식은 CSS 매뉴얼을 참조하여 해당 값을 이해할 수도 있습니다. CSS 링크, CSS 하이퍼링크 스타일, CSS 밑줄

4. 텍스트 간격 - 입력 자세한 CSS 글꼴 간격 이해하기

5. 텍스트 간격 글꼴 - CSS 스타일 속성을 사용하십시오. ". 참여하지 않는 글꼴 스타일은 설정할 수 없습니다. 자신의 컴퓨터에서는 글꼴을 직접 설정하는 것이 도움이 될 수 있지만 대부분의 컴퓨터 사용자는 글꼴을 추가하지 않으므로 여기서 글꼴은 다음과 같은 일반적인 글꼴로만 설정할 수 있습니다. 시스템과 함께 제공되지만 중국어 글꼴은 유니코드 인코딩으로 변환될 수 없습니다.

컴퓨터에는 글꼴이 기본으로 제공되며, 일반적으로 설정되는 텍스트 글꼴에는 Heilongjiang, New Song Dynasty, Song Wang, Arial, Helvetica, sans-serif 등이 있습니다.

6 텍스트의 상단 및 하단 줄 간격

CSS 텍스트 사용 줄 높이를 설정하려면 여기에서 줄 높이를 50px로 설정하세요.

"CSS 텍스트 스타일 데모로 제어됩니다."라는 데모 CSS 글꼴 텍스트 필드를 볼 수 있습니다. CSS 줄 높이를 통해. 아마도 br과 p의 차이점을 이해해야 할 수도 있습니다.

7. 글꼴 스타일(기울임꼴)

기울임꼴 텍스트는 글꼴 스타일: italic과 같은 CSS 스타일의 글꼴 스타일 태그 설정을 사용합니다. 물론 태그를 사용하여 텍스트를 기울임꼴로 변경할 수도 있습니다.

8. 텍스트 볼드 처리 방법

볼드 처리할 텍스트 앞에 를 직접 추가하고 텍스트 뒤에 텍스트를 굵게 표시하려면 여기에서 CSS를 사용하여 텍스트를 굵게 만들 수 있습니다. 여기서 글꼴 가중치는 글꼴 가중치:bold;

여기서 글꼴 가중치의 값은 100-900 범위의 값일 수 있습니다. 값이 클수록 글꼴이 더 굵어집니다. 값이 굵게 표시되면 일반 굵게 표시됩니다. 이는 b 또는 Strong을 사용하는 것과 동일한 효과가 있지만 b와 Strong의 차이는 굵게 표시됩니다.

9. 영어 단어 및 대소문자 CSS 글꼴

font-variant:small-caps;와 같은 CSS에서 글꼴 변형 문자의 전체 크기를 사용하고 text-transform과 같은 선택적 대문자 및 소문자 텍스트 변환을 사용하세요. :capitalize; 문자는 대문자로 표시됩니다.

text-transform 구문 text-transform: 없음 | 대문자 | 소문자

매개변수:

none: 변환이 발생하지 않습니다.

capitalize: 각 단어의 첫 글자를 대문자로 변환하고 나머지는 변환하지 않습니다. 대문자: 대문자로 변환

소문자: 소문자로 변환

font-variant 구문 Font-variant: 일반 | 작은 대문자

매개변수:

normal: 일반 글꼴

small-caps: 작은 대문자 글꼴

I 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목해 보세요!

관련 읽기:


CSS3에서 변환 그라데이션 속성을 사용하는 방법

CSS의 공통 단위 요약

JS의 역할을 대체하기 위해 CSS3 속성 선택자를 사용하는 방법

위 내용은 CSS에서 글꼴 텍스트를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!