강의

HTML CSS JS 외부 링크 연결하는 방법

choijming21 2024. 7. 16. 16:52

CSS를 HTML에

적용시키는 총 3가지 방법

 linking style sheet

    - 별도의 css파일을 생성한 다음 html문서에 연결하는 방식

 

 inline style sheet

     - Html태그의 style 속성에 CSS 코드를 삽입하는 방식

 internal style sheet

    - Html문서 내에서 <style> ~ </style> 태그 사이에 CSS코드를 삽입하는 방식

 

 

1. linking style sheet

<link rel="stylesheet" href="index.css">
  • link를 사용하는 방식
  • html 파일에 css링크를 달아주면 된다. (href="파일 경로")

 

2. inline style sheet

<span style="border; 1px soilid red;">Lorem ipusm dolor.</span>
  • html 태그의 style 속성에 css 코드를 삽입하는 방식
  • 꾸미는 것에 한계가 있고, html 파일이 없으면 수저이 어렵다는 점 등 여러가지 단점이 있어서 가급적 추천하지 않는 방식이다.

 

3. internal style sheet

<head>
 <style>

  span { border: 1px solid red; }

 </style>
</head>
  • html파일 <head>~</head> 태그 안에 css 코드 넣기