CSS를 사용하여 글꼴을 굵게 만드는 방법은 무엇입니까?
저는 HTML과 CSS가 매우 생소한데 어떻게 하면 CSS를 사용하여 제 글꼴을 굵게 만들 수 있는지 궁금합니다.
저는 CSS 파일을 가져오는 일반 HTML 페이지를 가지고 있으며, CSS의 글꼴을 변경할 수 있습니다.그런데 글씨체를 굵게 만드는 방법을 몰라서 그러는데, 누가 도와줄 수 있나요?
CSS 선언을 사용할 수 있습니다.font-weight: bold;.
http://htmldog.com/guides/cssbeginner/ 에서 CSS 초급 가이드를 읽는 것을 추천합니다.
HTML의 요소를 사용할 수 있습니다. 이 요소는 의미적으로 매우 유용하며(화면 판독기 등에도 유용합니다) 일반적으로 굵은 텍스트로 렌더링됩니다.
See here, some <strong>emphasized text</strong>.또는 CSS 속성을 사용하여 요소의 텍스트를 굵게 표시할 수 있습니다.
span { font-weight: bold; }<p>This is a paragraph of <span>bold text</span>.</p>사용할 수 있습니다.font-weight: bold.
전체 문서를 굵게 표시하시겠습니까?아니면 일부만?
당신이 html을 처음 사용하기 때문에 여기 html과 함께 CSS를 사용하는 방법에 대한 세 가지 예가 준비되어 있습니다.파일에 저장하고 저장한 후 원하는 브라우저를 사용하여 열 수 있습니다.
이것은 당신의 CSS 스타일을 당신의 태그/요소에 직접 삽입합니다.일반적으로 내용/html과 설계를 구분해야 하기 때문에 이 방법은 그다지 좋은 방법이 아닙니다.
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
</head>
<body>
<p style="font-weight:bold;">Hi, I'm very bold!</p>
</body>
</html>
다음은 좀 더 일반적인 접근 방식으로 문서의 모든 "p"(단락을 의미함) 태그에 적용되며 추가적으로 태그를 크게 만듭니다.Google은 검색에 다음과 같은 접근 방식을 사용합니다.
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
<style type="text/css">
p {
font-weight:bold;
font-size:26px;
}
</style>
</head>
<body>
<p>Hi, I'm very bold and HUGE!</p>
</body>
</html>
아마도 첫 번째 예시를 가지고 노는 데 며칠이 걸릴 것입니다. 하지만 여기 마지막 예시가 있습니다.여기서 마지막으로 디자인(css)과 내용(html)을 서로 완전히 분리하여 두 개의 서로 다른 파일을 참조하십시오.스택 오버플로는 이 접근 방식을 사용합니다.
하나의 파일에 모든 CSS를 넣습니다('hello_world.css'라고 부릅니다).
p {
font-weight:bold;
font-size:26px;
}
다른 파일에 html을 넣어야 합니다('hello_world.html'이라고 부릅니다).
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hi, I'm bold!</title>
<link rel="stylesheet" type="text/css" href="hello_world.css" />
</head>
<body>
<p>Hi, I'm very bold and HUGE!</p>
</body>
</html>
이것이 조금이나마 도움이 되길 바랍니다.모든 태그가 아닌 문서의 특정 요소를 다루려면 다음을 숙지해야 합니다.class,id그리고.name특성.재미있게 보내!
CSS 속성 사용
Selector name{
font-weight:bold;
}
p 원소에 대해 굵게 표시하려고 합니다.
p{
font-weight:bold;
}
다음과 같이 굵게 표시하는 대신 다른 대체 값을 사용할 수 있습니다.
p{
font-weight:bolder;
font-weight:600;
}
font-weight: bold
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<STYLE type="text/css">
body
{
font-weight: bold;
}
</STYLE>
</HEAD>
<BODY>
Body text is now bold.
</BODY>
</HTML>
글꼴 두께: 굵게 표시;
몇 가지 접근법을 사용할 수 있습니다.첫 번째는 강력한 태그를 사용하는 것입니다.
Here is an <strong>example of that tag</strong>.
또 다른 방법은 글꼴 가중치 속성을 사용하는 것입니다.인라인 또는 클래스 또는 ID를 통해 수행할 수 있습니다.클래스를 사용한다고 가정해 보겠습니다.
.className {
font-weight: bold;
}
또는 글꼴 크기에 하드 값을 사용할 수 있으며 대부분의 글꼴은 300에서 700 사이의 값을 지원하며 100씩 증가합니다.예를 들어 다음은 굵게 표시됩니다.
.className {
font-weight: 700;
}
언급URL : https://stackoverflow.com/questions/991160/how-to-make-my-font-bold-using-css
'programing' 카테고리의 다른 글
| UIBarButtonItem: target-action이 작동하지 않습니까? (0) | 2023.08.27 |
|---|---|
| Oracle XE 인스턴스의 SID를 변경하는 방법 (0) | 2023.08.27 |
| Swift UI 탐색보기 탐색 모음제목 레이아웃 제약 조건 문제 (0) | 2023.08.27 |
| jQuery로 테이블 만들기 - 추가 (0) | 2023.08.27 |
| 오라클 오류, 열은 여기서 허용되지 않습니다. (0) | 2023.08.27 |