이 글은 주로 CSS를 소개하는 네 가지 방법을 요약하여 공유합니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.
1. 인라인 참조: 태그에 직접 사용되지만 유지 관리 비용이 높습니다
style='font-size:16px;color:#000000'
2. 외부 연결 참조: 코드 재사용을 용이하게 하기 위해 CSS 코드와 html 코드를 분리합니다.
<link href="css/style.css" type="text/css" rel="stylesheet" />
style.css 파일의 내용은 다음과 같습니다. 오른쪽에 표시 ：
.font{color:blue;font-size:12px;}3. 내부 참조: 페이지가 더 명확하지만 다른 페이지에서 사용할 수 없습니다.
<style type='text/css'>
.font{color:blue;font-size:12px;}
</style>4. 외부 가져오기: 여러 스타일 시트를 하나의 HTML 파일로 가져올 수 있습니다. 외부 링크 참조
와 유사하게 HTML 파일의 head 태그에
<style type='text/css'>
@import url('./style/style.css');
</style>를 추가하세요. 유용하다고 생각되면 수집해 보세요.
관련 권장 사항:
CSS 스타일 중첩 방법을 사용하여 Dreamweaver 웹 페이지 제작
CSS 스타일을 사용하여 검색, 장바구니 및 기타 아이콘 스타일 생성
위 내용은 CSS를 소개하는 네 가지 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
