인라인 > 외부 링크"입니다. " ."/> 인라인 > 외부 링크"입니다. " .">

 >  기사  >  웹 프론트엔드  >  CSS 외부 링크와 인라인 임베딩의 차이점

CSS 외부 링크와 인라인 임베딩의 차이점

藏色散人
藏色散人원래의
2021-02-19 09:20:553947검색

CSS 외부 링크와 인라인 임베딩의 차이점은 다음과 같습니다. 1. 세 가지 스타일의 작성 방법이 다릅니다. 2. 세 가지 방법은 실제 사용 시 가중치 우선순위가 다릅니다. 높은 순서에서 낮은 순서로 "임베디드 > 인라인 > ;쭉 내밀다".

CSS 외부 링크와 인라인 임베딩의 차이점

이 튜토리얼의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, CSS3 버전.

CSS 외부 링크, 인라인, 임베딩의 차이점은 무엇인가요?

우선 기능적인 관점에서 보면 이 세 가지가 구현하는 기능은 동일하며, 모두 콘텐츠의 조판과 수정을 이룰 수 있습니다.

그러나 작성 방법에 있어서는 서로 다릅니다.

1 인라인 스타일 작성 방법

<p style="color:red;"></p>

2 외부 스타일 작성 방법

은 CSS 확장 파일로 별도로 작성하는 것입니다. 를 클릭한 다음 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1의 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 사용하여 CSS 스타일을 html에 연결합니다. 예:

<link href="你的css文件地址" rel="stylesheet" type="text/css"></link>

3, 중첩 스타일 쓰기

이것은 중첩으로 이해될 수 있습니다. 이제 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 ; 9c3bca370b5104690d9ef395f2c5f8d1의 080b747a20f9163200dd0a7d304ba388531ac245ce3e4fe3d50054a55f265927에 별도의 CSS 스타일을 작성합니다. 예:

<head>
<style type="text/css">
span{color:re;}
</style>
</head>

우선순위의 차이(권장: css 비디오 튜토리얼)

실제 사용에서 가중치 우선순위는 높음에서 낮음으로 이루어집니다: 내장형 > 인라인 > 외부. 보다 일반적인 스타일은 재사용성을 향상시키고 스타일과 콘텐츠 간의 결합을 줄이기 위해 분리하여 외부에서 사용하는 것이 적합합니다.

위 내용은 CSS 외부 링크와 인라인 임베딩의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.