>  기사  >  웹 프론트엔드  >  CSS를 사용하는 3가지 방법

CSS를 사용하는 3가지 방법

藏色散人
藏色散人앞으로
2020-05-24 13:45:543132검색

CSS를 사용하는 3가지 방법

(1) 링크 유형: (외부에서 가져온 .css 파일)

(더 많이 사용됨) 2cdf5bf648cf2f33323966d7f58a7f3f는 html이 로드되기 전에

웹의 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1에서 참조됩니다. 페이지 태그 정렬에 외부 스타일 시트를 도입하려면 2cdf5bf648cf2f33323966d7f58a7f3f를 사용하고, 외부 CSS를 도입하려면 html 규칙을 사용하세요.

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

가져오기 유형: (외부에서 .css 파일 가져오기) 

(사용되지 않음) @import는 이후에만 참조됩니다. html이 로드되고 스타일을 JS DOM 모델에 삽입할 수 없습니다.

외부 CSS 파일이 93f0f5c25f18dab9d176bd4f6de5d30e 태그에도 작성됩니다.

     <style type="text/css">
        @import "./css/style.css"
          /*@import url(./css/style.css)*/
      </style>

( 2) Embedded

는 100db36a723c770d327fc0aef2ce13b1 태그 아래(종종 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1)에 직접 작성됩니다.

장점: 빠르며 모든 CSS 컨트롤은 이 페이지 태그에 대해 직접 읽혀집니다.

단점: 단일 페이지가 비대해 보이고 다른 HTML에서 참조할 수 없어 상대적으로 많은 양의 코드가 발생하고 유지 관리가 번거롭습니다.

<style type="text/css">
      div{border:1px #ff0 solid}
    </style>

(3) 인라인

(권장하지 않음)에서 사용할 수 있습니다. 자주 바뀌지 않는 위치

<div style="border:1px #ff0 solid;">内容</div>

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

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제