이 글은 CSS 스타일 시트를 소개하는 방법과 그 사이의 장단점을 공유할 것이며, 참고할만한 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.
스타일 시트는 세 가지 방법으로 CSS에 도입될 수 있습니다.
(1) 인라인 스타일
(2) 내장 스타일
(3) 외부 스타일
각 CSS 스타일에는 다음의 장점과 단점이 있습니다.
인라인 스타일
특징: (1) 인라인 스타일은 코드의 HTML 요소에 배치됩니다.
(2) 인라인 스타일을 사용할 때 스타일은 선택한 요소에만 영향을 미칩니다.
(3) 인라인 스타일에는 선택기가 없습니다.
예:
<div style="width:100px;height:100px;border:1px solid #ccc"><div>
이 CSS 인라인 스타일은 이 div의 너비와 높이만 변경할 수 있으며 페이지의 div 또는 속성 스타일은 변경되지 않습니다. . 이는 인라인 스타일의 한계 중 하나입니다. 이는 특정 요소만 변경하므로 모범 사례가 아니며 인라인 스타일도 매우 구체적입니다. 이로 인해 다른 비인라인 스타일로 재정의하기가 어렵고 실제로 웹 페이지에서는 인라인 스타일을 거의 사용하지 않습니다.
임베디드 스타일
특징: (1) 스타일 태그
