Program Tip

헤드 라인에서 굵은 글씨를 제거하는 방법?

programtip 2020. 11. 7. 10:22
반응형

헤드 라인에서 굵은 글씨를 제거하는 방법?


제목이 있습니다.

<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 및 이전 버전에서 작동하지만 h1Firefox 태그가 더 대담한 이유를 모르겠습니다 . 죄송합니다.

참고 URL : https://stackoverflow.com/questions/8079070/how-to-remove-the-bold-from-a-headline

반응형