HTML 인라인 스타일

HTML 인라인 스타일은 다른 두 가지 스타일링 방법인 내부 및 외부 스타일과 함께 CSS 스크립팅 언어를 사용하여 웹페이지의 스타일을 지정하는 방법입니다. 이 방법은 특히 웹사이트나 웹페이지에 고유한 스타일을 추가합니다. 이에 대한 구문은 '

'입니다. 여기서 스타일의 정확한 코드 뒤에 세미콜론이 있으며 다음을 포함하는 데 사용됩니다. 글꼴 유형, 글꼴 색상, 테두리, 텍스트 배열, 배경 등과 같은 스타일링 속성. 사용자 인터페이스는 매우 편리하고 친숙할 것으로 예상되므로 모든 웹사이트의 핵심입니다.

구문

인라인 스타일은 몇 가지 기본적인 차이점을 제외하고 모양과 작업의 형태로 CSS로 작동합니다. 선택기를 사용하지 않고 작성된 태그에 직접적인 영향을 미칩니다.

코드에 인라인 스타일을 포함시키는 구문은 다음과 같습니다.

<h1 style="style code;"></h1>

위 구문

에 인라인 스타일 속성을 포함합니다. 꼬리표. 스타일 속성이 다른 HTML 속성처럼 작동하는 경우. 등호 = 다음에는 해당 속성의 스타일 값을 포함하는 "인용문이 스타일로 시작됩니다. 인라인 스타일 코드에는 선택기나 중괄호 쌍이 포함되어 있지 않습니다. 이 코드는 값 뒤에 세미콜론을 사용하지 않으면 불완전합니다.

인라인 스타일을 사용하면 크기, 글꼴, 색상, 텍스트 및 이미지 정렬, 텍스트의 배경색, 테두리, 요소의 윤곽선, 요소 사이의 공백 및 기타 다양한 스타일과 같은 요소에 스타일을 정의할 수 있습니다. 코드입니다.

세미콜론 앞에 모든 스타일 코드를 인라인으로 포함해야 합니다.

HTML에서 인라인 스타일은 언제 사용하나요?

개발자는 사용자가 쉽게 이해할 수 있는 내용을 추가하거나 강조해야 할 때 코드 내에서 주로 인라인 스타일을 사용합니다. 많은 메일러가

동적 웹사이트는 JavaScript를 사용합니다. 이 경우 일반적으로 자바스크립트 코드를 사용하면 사용자가 이 요소에 인라인 스타일을 추가할 수 있습니다. 코드 내의

속성에 인라인 스타일을 추가한다고 가정해 보겠습니다. 스타일은 지정된 요소에만 적용됩니다. 하지만 내부 스타일에 추가한 것과 동일한 스타일이 이 문서의 전체

태그. 따라서 특정 속성에 인라인 스타일을 사용하여 스타일을 부여하는 것은 항상 유용한 것으로 간주됩니다.

인라인 스타일은 항상 최우선적으로 고려됩니다. 코드 내의 스타일 속성에는 일련의 CSS 속성과 값 쌍이 포함되어 있습니다.

HTML 인라인 스타일의 예

다음은 인라인 스타일이 HTML 코드 내에서 어떻게 작동하는지 보여주는 몇 가지 예입니다.

<h1 id="Inline-style-Example"> Inline style Example </h1>
<p style="text-align:center; background-color: lightgrey; font-style:italic; font-size:24px;"> Inline style for paragraph</p>

예시 #1

코드:

<h1 id="Types-of-style-in-HTML">Types of style in HTML </h1>

• HTML Inline CSS
• HTML Internal CSS
• HTML External CSS

HTML Inline style 

That some achieve great success is proof to all that others can achieve it s well

The hurdles in between the goals are actually the tonics to boost you up with more energy

Home Cinema Projectors

Imagine your favorite movie in true cinematic detail. From 4k to Full HD, create a real movie theatre feel at home.

While our 3D projectors bring the action to the life with incredible impact and depth of field

출력:

예시 #2

코드:

<h2 id="Indian-Culture">Indian Culture</h2>
<img  src="/static/imghwm/default1.png" data-src="kids.png" class="lazy"   style="max-width:90%" alt="HTML 인라인 스타일" >
<p style="background-color:aquamarine ;">
India is known in all over world for its unique culture. It has one of the oldest culture which is 4500 years ago. India is famous for the <i style="font-size: 20px; color:darkorange;">Invention of Zero </i> in Mathematics , advance in architecture like <i style="font-size: 20px; color:white;">Taj Mahal</i> , for in <i style="font-size: 20px; color: green;">  Ayurveda  </i> . It is nation of more than 1.2  billion people, Which is known as second most nation in population comes after China.
<br>
Indian culture is famous in the form of different food, Language, religion and arts are the key aspects of it. India is the country made up with combination of 28 states as well as 7 territories. Those having different cultures, different languages, different festivals, variety in clothing style, architure and art , state wise different delicious  food and many more things
</p>

출력:

예시 #3

코드:

<h2 id="Famous-food-across-world">Famous food across      world</h2>
<p> <b>India</b> -Paneer ButterMasala, Dal-batti and many more.In drinks Tea, Old Monk rum</p>
<p> <b>Italy</b> - for Pizza, Pasata and more.In drinks Red Wine, Sparkling wine</p>
<p> <b>Greece</b> - Greek salad, Mousaka and In drinks ouzo, tsipouro</p>
<p> <b>China</b> - Noodles, Soy puff  and many  more.In drinks Tea, Chinese beer</p>
<p> <b>Mexico</b> - Chili con carne, Guacamole .In drinks Tea, Old Monk rum</p>

출력:

결론

위의 모든 정보를 통해 인라인 스타일은 스타일 속성을 사용하여 특정 요소에 대한 고유한 CSS 코드를 표시하는 데 활용된다는 것을 알게 되었습니다. 사용자가 코드에도 표시해야 하는 중요한 데이터를 표시하고 싶을 때 특정 요소에 대해 이 문서 내에서 인라인 스타일을 사용할 것입니다.

위 내용은 HTML 인라인 스타일의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!