CSS 외부 링크와 인라인 스타일의 차이점은 무엇입니까?
- 青灯夜游원래의
- 2021-01-19 16:20:593971검색
차이점: CSS 외부 링크는 확장자가 ".css"인 파일에 CSS 코드를 별도로 작성한 다음 링크 태그를 사용하여 html에 링크하는 것입니다. 인라인 CSS는 style 속성을 직접 사용하여 HTML 태그에 CSS 코드를 작성하는 것입니다. 인라인 유형에는 인라인 유형보다 더 높은 가중치가 부여됩니다.
이 튜토리얼의 운영 환경: windows7 시스템, css3&&html5 버전, Dell G3 컴퓨터.
(학습 영상 공유: css 영상 튜토리얼)
CSS 외부 링크 스타일 - 외부 링크 스타일 시트
외부 링크 스타일 시트는 CSS 확장자를 가진 별도의 파일을 작성한 후 b26c7dbc5a35dfa3152d757029427f2c 태그를 head>9c3bca370b5104690d9ef395f2c5f8d1하여 CSS 스타일을 html에 연결합니다. 예:
<link href="css样式的名字（一般自己取）.css" rel="stylesheet" type="text/css">
CSS inline--inline style sheet
인라인 CSS는 인라인 CSS 또는 행 수준 CSS라고도 하며 태그 내부에 직접 도입됩니다.
예:
<body> <p>莱昂纳多演的<span style="color:red">了不起的盖茨比</span>非常好看。</p> </body>
분명한 장점은 매우 편리하고 효율적이지만 스타일을 재사용할 수 없다는 단점도 있습니다. 코드 줄 수가 일정 수준에 도달하면 사용하지 않는 것이 좋습니다. 길이. 인라인 CSS는 코드에서 버그를 찾기 위한 테스트로 자주 사용됩니다.
외부 링크형과 인라인형 CSS의 차이점
실제로 외부 링크형과 인라인형 CSS는 본질적인 차이가 없습니다. 동일한 속성이 함께 작성되기 때문입니다. 또한 코드 중복을 방지합니다.
가중치 우선순위는 높은 것부터 낮은 것 순입니다: 인라인 >아웃라인.
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !
위 내용은 CSS 외부 링크와 인라인 스타일의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!