"를 사용하여 CSS 스타일을 도입합니다. 2. "@import "css file address""를 사용하여 CSS 스타일을 도입합니다. 스타일 태그 스타일 4. 요소 태그의 스타일 속성을 사용하여 CSS 스타일을 작성합니다."/> "를 사용하여 CSS 스타일을 도입합니다. 2. "@import "css file address""를 사용하여 CSS 스타일을 도입합니다. 스타일 태그 스타일 4. 요소 태그의 스타일 속성을 사용하여 CSS 스타일을 작성합니다.">

 >  기사  >  웹 프론트엔드  >  CSS를 소개하는 방법에는 여러 가지가 있습니다.

CSS를 소개하는 방법에는 여러 가지가 있습니다.

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-04-23 11:35:3214609검색

CSS를 도입하는 방법에는 네 가지가 있습니다. 1. "66c170e8cb87b590ee3f1f494dc03bf7"를 사용하여 CSS 스타일을 도입합니다. 2. "@import "css file address""를 사용하여 CSS 스타일을 도입합니다. . In style 태그에 CSS 스타일을 작성합니다. 4. style 속성을 사용하여 요소 태그에 CSS 스타일을 작성합니다.

CSS를 소개하는 방법에는 여러 가지가 있습니다.

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

(1) 링크 유형: 웹페이지의 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 태그 쌍에 있는 2cdf5bf648cf2f33323966d7f58a7f3f 태그를 사용하여 외부 스타일 시트 파일을 소개하고, html 규칙을 사용하여 외부 CSS를 소개합니다. ):

<link href="./mystyle.css" rel="stylesheet" type="text/css"/>

(2) 가져오기 유형: HTML 파일에 독립적인 .css 파일을 삽입합니다. 가져오기 유형은 CSS 규칙을 사용하여 외부 CSS 파일을 삽입합니다.

<style type="text/css">
   @import"mystyle.css"; 此处要注意.css文件的路径
</style>

비교: 링크 참조와 가져오기 참조의 차이점은 html이 로드되기 전에 링크가 참조되는 반면, html이 로드된 후에 가져오기가 참조된다는 것입니다. 예를 들어 가져오기 참조를 사용하면 스타일이 없는 페이지가 먼저 표시된 다음 스타일이 삽입됩니다. JavaScript를 사용하여 CSS를 동적으로 참조하는 경우 이를 달성하려면 링크 참조 방법을 사용해야 합니다.

(3) 인라인 CSS 파일, 헤더에 직접 CSS를 작성합니다. 예:

<style type="text/css">
    p{
        margin: 0;
        padding: 0;
        border:1px red solid;
    }
</style>

이 방법은 훨씬 덜 자주 사용되며 트래픽이 많은 포털에서 가장 일반적으로 볼 수 있습니다. 또는 방문수가 많은 기업 홈페이지의 홈페이지. 첫 번째 방법에 비해 장점이 뚜렷하고 단점도 뚜렷합니다.

장점: 빠른 속도, 모든 CSS 컨트롤이 이 페이지 태그에 사용되며 중복되는 CSS 명령이 없으며 외부 CSS 파일을 연결할 필요가 없습니다. HTML 문서에서 직접 스타일을 읽습니다.

단점은 수정이 더 번거롭고, 단일 페이지가 부풀어보이고, CSS를 다른 HTML에서 참조할 수 없어 상대적으로 많은 양의 코드가 발생하고, 유지 관리도 번거롭다는 것입니다. 그러나 이 방법을 채택하는 대부분의 회사는 돈이 있고 사용자 수가 핵심이며 복잡한 유지 관리 작업을 수행할 인력이 부족하지 않습니다.

(4) 태그에 스타일을 직접 적어주세요

<p style="border:1px red solid;">测试信息</p>

자주 바뀌지 않는 곳. 한 번만 사용할 수 있지만 일반인에게는 적합하지 않으므로 주의해서 사용해야 합니다.

추천 학습: css 비디오 튜토리얼

위 내용은 CSS를 소개하는 방법에는 여러 가지가 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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