> 웹 프론트엔드 > CSS 튜토리얼 > 인라인 CSS란 무엇입니까?

인라인 CSS란 무엇입니까?

青灯夜游
풀어 주다: 2019-05-31 13:08:39
원래의
8751명이 탐색했습니다.

인라인 CSS란 무엇입니까?

인라인 스타일은 특정 웹페이지의 html 태그 요소에 CSS 스타일 코드를 작성하는 것입니다. 인라인 스타일은 스타일 속성을 사용하여 특정 HTML 태그 내에서 사용해야 합니다. 특정 HTML 태그의 스타일을 지정합니다. 예: <div style="color:#f00"></div>

기능:

1), 인라인 스타일은 코드의 HTML 요소에 배치됩니다.

2) 인라인 스타일을 사용할 때 스타일은 선택한 요소에만 영향을 미칩니다.

3), 인라인 스타일에는 선택기가 없습니다.

참고: HTML에 정의된 인라인 스타일은 추가된 태그에만 적용됩니다.

HTML 태그마다 스타일을 별도로 지정해야 하므로 인라인 스타일만 사용하지 않는 것이 좋습니다. 그러나 특정 상황에서는 유용할 수 있습니다. 예를 들어 CSS 파일에 액세스할 수 없거나 단일 요소에만 스타일을 적용해야 하는 경우가 있습니다.

인라인 CSS가 포함된 HTML 페이지의 예는 다음과 같습니다.

<!DOCTYPE html>
<html>
  <body style="background-color:black;">
    <h1 style="color:white;padding:30px;">Hostinger Tutorials</h1>
    <p style="color:white;">Something usefull here.</p>
   </body>
</html>
로그인 후 복사

인라인 스타일의 장점:
#🎜🎜 #

1. 변경 사항을 테스트하고 미리 보고 싶을 때 매우 유용합니다.

2. 빠른 수리에 매우 유용합니다.

3. HTTP 요청을 줄입니다. 인라인 CSS는 모든 요소에 적용되어야 합니다.

위 내용은 인라인 CSS란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
css
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿