CSS에서 굵은 글꼴을 만드는 방법은 무엇입니까?

CSS에서 굵게 표시하려면많은 표준 명령을 사용하십시오. 그러나 흥미로운 효과를 제공하는 비표준 옵션을 사용할 수 있습니다. 굵은 체는 엄격하게 정의 된 텍스트 조각을 강조하는 데 사용됩니다. CSS는 그러한 글꼴을 문구 나 단일 문자에 할당하는 데 도움이됩니다. 이 효과를 달성하기 위해 여전히 HTML 태그를 사용하는 경우 계단식 스타일 시트가 개발자에게 더 많은 옵션을 제공하므로 프로그래밍에 대한 관점을 재고해야합니다. 이 기사에서 그들 중 일부에 대해 이야기 할 것입니다.

과제

단순을 사용하여 굵은 CSS 할당규칙 : font-weight. 다양한 조합을 값으로 지정할 수 있습니다. 예를 들어, "font-weight : bold"속성을 굵게 표시 할 수 있습니다. 기본값은 "normal"입니다. 키워드 외에도 일반 숫자를 사용할 수 있습니다. 기존의 단위는 100에서 900까지이며 400은 "정상"명령에 해당합니다. 즉, 값을 400 미만으로 설정하면 글꼴의 채도가 손실되고 더 많으면 굵게 표시됩니다. 스타일을 수동으로 조정할 수 있습니다.

CSS에서 볼드체는부모 요소. 계단식 테이블에는 스타일의 채도를 늘리거나 줄일 수있는 두 가지 명령 (“굵게”및“더 밝게”)이 있습니다. 부모 요소에 따라 값이 변경됩니다. 글꼴 가중치 속성은 모든 글꼴 특성을 쓸 수있는 짧은 형식의 글꼴로 작성할 수 있습니다.

목표

이러한 CSS 글꼴을 모든 요소에 할당 할 수 있습니다HTML 또는 XHTML. 태그에 텍스트가 포함 된 경우에만 효과가 나타납니다. HTML은 font-weight 속성과 유사합니다. <strong> 태그 사이에 텍스트를 배치하면 더 포화 상태가됩니다. 그 속성은 "bold"값과 완전히 동일합니다. 일부 개발자는 <strong> 태그와 CSS 굵게 차이가 보이지 않습니다. 그러나 차이점이 있습니다. 태그에는 자체 의미 적로드가 있으며 실제로 중요한 정보에 사용됩니다. CSS 속성은 텍스트를 장식하는 데 사용되는 장식적인 값일뿐입니다. 읽을 때이 차이를 느끼지 말고 월드 와이드 웹 컨소시엄이 조언 한대로 모든 것이 제자리에 있어야합니다. 이 코드 순서는 페이지 수명을 연장시킵니다. 결국 브라우저가 의미적이고 장식적인 의미가 두드러지는 다른 텍스트 시각화 방법을 배우는 시간이 멀지 않습니다. 페이지를 만들 때 이것을 잊지 마십시오.

결론

CSS의 기존 굵은 글꼴은페이지의 소스 코드를 줄입니다. 결국 <strong> 태그를 사용할 필요가 없습니다. 특정 클래스에서 필요한 텍스트를 감싸십시오. 굵은 체 스타일을 취소하려면 계단식 테이블이있는 파일 하나만 수정하면됩니다. 그러나 다양한 장식 기술을 과도하게 사용하면 텍스트가 손상 될 수 있으므로이 속성을 남용해서는 안된다는 것을 잊지 마십시오. 제목이나 특정 섹션의 이름을 강조하는 등 실제로 필요한 경우에만 굵게 표시하는 것이 좋습니다.