헤드 라인에서 굵은 글씨를 제거하는 방법?
제목이 있습니다.
<h1>THIS IS A HEADLINE</h1>
"THIS IS ..."라는 문구를 굵게 표시하지 않고 나머지는 변경없이 어떻게 만들 수 있습니까? 텍스트 장식에서 관련 태그를 찾을 수 없습니다.
머리글은 크기 가 커서 굵게 표시됩니다. 굵게 적용했거나 동작을 변경하려면 다음을 수행 할 수 있습니다.
h1 { font-weight:normal; }
더보기 : http://www.w3.org/TR/css3-fonts/#font-weight-prop
시험 font-weight:normal;
h1 {
font-weight: normal;
}
<h1><span style="font-weight:bold;">THIS IS</span> A HEADLINE</h1>
그러나 h1이
font-weight:normal;
id 또는 class 속성으로 스타일을 설정할 수도 있습니다.
텍스트 장식이 아닌 font-weight를 원합니다 ( <em>
또는 등의 적절한 추가 마크 업과 함께 <span>
제목의 다른 부분에 다른 스타일을 적용 할 수 있음)
스타일은 이에 따라 css입니다. 예
<h1 class="mynotsoboldtitle">Im not bold</h1>
<style>
.mynotsoboldtitle { font-weight:normal; }
</style>
<h1><span>This is</span> a Headline</h1>
h1 { font-weight: normal; text-transform: uppercase; }
h1 span { font-weight: bold; }
우리에게 보여주기위한 것인지는 잘 모르겠지만, 부수적으로 CSS로 항상 대문자 텍스트를 설정해야합니다. :)
"THIS IS"가 굵게 표시되지 않도록- <span></span>
텍스트 주위에 추가
<h1>><span>THIS IS</span> A HEADLINE</h1>
그리고 스타일
h1 span{font-weight:normal}
html 부분에서 간단히 그렇게 할 수 있습니다.
<span>Heading Text</span>
CSS에서는 display를 사용하여 h1 블록으로 만들 수 있습니다.
span{
display:block;
font-size:20px;
}
bold없이 h1로 얻을 수 있으며, 굵게
하려면 css에 추가하면됩니다.
font-weight:bold;
font-weight:100
더 가볍거나 사용할 수 있습니다 . 즉, Opera 16 및 이전 버전에서 작동하지만 h1
Firefox 의 태그가 더 대담한 이유를 모르겠습니다 . 죄송합니다.
참고 URL : https://stackoverflow.com/questions/8079070/how-to-remove-the-bold-from-a-headline
'Program Tip' 카테고리의 다른 글
중첩 된 Foreach 문을 사용하여 다차원 배열 반복 (0) | 2020.11.07 |
---|---|
"Hello"와 같은 Java 인쇄 따옴표를 어떻게 만들 수 있습니까? (0) | 2020.11.07 |
배치 파일의 현재 디렉토리를 찾고 경로에 사용하려면 어떻게합니까? (0) | 2020.11.06 |
Jquery 입력 배열 필드 가져 오기 (0) | 2020.11.06 |
Owin Twitter 로그인-유효성 검사 절차에 따라 원격 인증서가 유효하지 않습니다. (0) | 2020.11.06 |