HTML과 CSS는 이탈리아어 화 된 단어 와 같이 이탤릭체로 된 텍스트의 기능을 제공합니다. 함께 알아야 할 모든 것을 배우겠습니다.
이탤릭체 텍스트는 무엇입니까? 왜 이탤릭 텍스트를 사용합니까?
당신은 일반적으로 이탤릭 텍스트를 사용하여 관심을 끌고 단어 나 문구를 강조하며 독자가 읽을 때 특별한주의를 기울일 수 있습니다. 또는 게시 된 포스트 타이틀과 같은 이탤릭체 타이틀과 같은 특정 스타일 가이드를 따를 수도 있습니다.
사용<em></em>
상표
em
태그의 "EM"은 문자 그대로 "강조"(강조)를 의미합니다. 브라우저는 기본적으로 HTML에 포함됩니다<em></em>
레이블의 텍스트를 이탤릭체로 표시합니다.
<p> 그것은 <em>훌륭한</em> 파티였다, 베베. </p>
이 문장의 어조를 상상해보십시오. 독자는 그 단어를 강조하여 강조되지 않을 때와 다른 느낌을줍니다.
사용<i></i>
상표
<i></i>
요소는 텍스트를 기울임 꼴로 사용하는 데 사용되지만 강조하지는 않습니다. 독자 가이 단어들에 특별한주의를 기울여야한다는 것을 제안하지 않고 다른 텍스트와 시각적으로 특정 텍스트를 구별합니다. 예를 들어:
<p> <i>미란다 생각 :</i> 세계 경제에 대한 흥미로운 은유.</p> <p><i>Chris는 자신에게 생각했습니다.</i> 그 겨자입니까?</p>
<em></em>
그리고<i></i>
차이점은 무엇입니까?
다시:
-
<em></em>
강조하는 데 사용됩니다 -
<i></i>
이탤릭체 텍스트에 사용되지만 강조되지는 않습니다
제목에 이탤릭체를 사용하려면 예를 들어 :
<p> 이 책 <i>Mr. Penumbra의 24 시간 서점</i> 매우 좋은. </p> <p> 이 책 <cite>Mr. Penumbra의 24 시간 서점</cite> 매우 좋은. </p>
다행히도 브라우저는 비슷할 것입니다<i></i>
포함됩니다<cite></cite>
태그의 내용은 이탤릭체로 표시되므로 작품 (예 :<cite>白鲸记</cite>
) 또는 출판물 (예 :<cite>纽约时报</cite>
)을 인용하면 추가 조치가 필요하지 않습니다.
자신의 HTML 클래스 및 CSS를 사용하십시오
목표가 텍스트를 시각적으로 구별하는 것이라면 사용할 필요가 없습니다.<i></i>
요소. 스팬 태그는 의미 론적 의미가 없으며 시각적 강조를 달성하기 위해 스타일이 될 수 있습니다.
<p> 이번 주에 신발이 판매됩니다! </p>
.EATMPHASIS { 배경 : Lightyellow; 글꼴 스타일 : 이탈리아; }
CSS 속성 font-style
텍스트 이탤릭체를 만들기 위해 필요한 속성이며, 원하는 선택자에게 적용 할 수 있습니다.
"의사 이탈리아"에주의를 기울이십시오.
모든 글꼴에 이탤릭 문자가있는 것은 아닙니다. 또는 글꼴 이탈리아 버전이로드되지 않는 상황에있을 수 있습니다. 두 경우 모두 브라우저는 가짜를 시도 할 것입니다. 거의 항상 나쁘게 보입니다 (또는 실제 이탤릭체 글꼴을 사용하는 것보다 훨씬 나쁩니다).
이것에 대해 경고하는 것은 없습니다.주의를 기울여야합니다. 다음은 Merriweather 글꼴 의사의 예입니다.
유니 코드 이탤릭체
유니 코드는 이탤릭체 스타일의 문자를 포함하여 숫자를 제공합니다.
트위터에 트윗을 작성할 때와 같이 HTML 컨트롤이없는 이탤릭 텍스트가 필요할 때 이탤릭 텍스트를 사용할 수 있습니다.
접근성이 좋지 않습니다. 그것은 문자별로 문자를 처리 할 것이므로 단어를 이해하기가 어렵습니다. 사용할 때 매우 조심하십시오. 완전히 사용하지 않는 것이 더 좋습니다.
가변 글꼴의 이탤릭체
이것은 약간 고급 개념이지만 소위 변수 글꼴이 있습니다. 브라우저에서 사용자 정의를 제공합니다. 따라서 굵은 버전에 두 번째 글꼴 파일을 사용하는 대신 하나의 파일 자체가 대담하게되도록 정보를 포함시킵니다. "Bold"는 가변 글꼴이 제공 할 수 있는 기능의 한 예일뿐입니다. 모든 가변 글꼴 에이 기능이 있어야하는 것은 아닙니다.
가변 글꼴에는 "틸트"또는 "이탈리아"옵션이있을 수 있으며,이 방법 으로이 모양을 적용 할 수 있습니다.
위는 이탤릭 텍스트를 언제 사용 해야하는지에 대한 다섯 가지 답변입니다. 이것이 다음 논리적 질문에 도움이되기를 바랍니다. 어떤 방법을 사용해야합니까?
위 내용은 텍스트를 기울임받는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

CSS Box-Shadow 및 개요 속성은 주제를 얻었습니다. 실제 테마에서 어떻게 작동하는지에 대한 몇 가지 예와 이러한 스타일을 WordPress 블록 및 요소에 적용 해야하는 옵션을 보자.

이 기사에서 우리는 스크롤 바의 세계로 뛰어들 것입니다. 너무 화려하게 들리지는 않지만 잘 설계된 페이지가 손을 잡고 있습니다.

Svelte Transition API는 맞춤형 전환을 포함하여 문서를 입력하거나 떠날 때 구성 요소를 애니메이션하는 방법을 제공합니다.

웹 사이트의 컨텐츠 프레젠테이션을 설계하는 데 얼마나 많은 시간을 소비합니까? 새 블로그 게시물을 작성하거나 새 페이지를 만들 때

최근 Bitcoin의 가격이 20k 달러가 넘는 USD가 최근에 등반되면서 최근 30k를 끊었으므로 Ethereum을 만드는 데 깊이 다이빙을 할 가치가 있다고 생각했습니다.

NPM 명령은 서버 시작 또는 컴파일 코드와 같은 것들에 대한 일회성 또는 지속적으로 실행되는 프로세스로 다양한 작업을 실행합니다.

나는 다른 날에 Eric Meyer와 대화를 나누고 있었고 나는 내 형성 시절부터 Eric Meyer 이야기를 기억했습니다. CSS 특이성에 대한 블로그 게시물을 썼습니다


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

WebStorm Mac 버전
유용한 JavaScript 개발 도구

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

드림위버 CS6
시각적 웹 개발 도구

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

뜨거운 주제



