CSS 외부 링크와 인라인 임베딩의 차이점
- 藏色散人원래의
- 2021-02-19 09:20:553921검색
CSS 외부 링크와 인라인 임베딩의 차이점은 다음과 같습니다. 1. 세 가지 스타일의 작성 방법이 다릅니다. 2. 세 가지 방법은 실제 사용 시 가중치 우선순위가 다릅니다. 높은 순서에서 낮은 순서로 "임베디드 > 인라인 > ;쭉 내밀다".
이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!