so woon!

[태그] link 태그 본문

CSS/개념정리

[태그] link 태그

xowoony 2022. 9. 15. 13:51

학습일 : 2022. 09. 15

태그(link)
중요도 : 🔴🔴🔴🔴🔴
종류 : 자동으로 닫는 태그
가능한 부모 : <head>
HTML 파일 외부의 리소스를 해당 HTML 파일에서 사용하기 위해 사용한다.
주로 CSS 파일을 불러올때(Import) 사용한다.
속성
  href : 불러올 외부 리소스의 경로.
  rel : 불러올 외부 리소스의 종류이다. 그 값을 "stylesheet"으로 지정하면 해당 리소스가 CSS 파일임을 의미한다.

파일 경로 찾을 때
Ctrl + spacebar

HTML과 CSS파일 분리 방법

작업폴더 -> resources -> stylesheets->
파일생성 : link.css

.red {
    color: rgb(200, 100, 100);
}

.blue {
    color:rgb(50,100,200);
}

html 파일 내 코드 -> HTML 폴더 내 ->
파일 생성 : link.html

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>link 태그</title>
        <link href="resources/stylesheets/link.css" rel="stylesheet">❤경로는 Ctrl+spacebar 눌러서 찾기가능
    </head>
    <body>
        <a class="red">I'm red</a>
        <br>
        <a class="blue">I'm blue</a>
    </body>
</html>
저작자표시 비영리 변경금지

'CSS > 개념정리' 카테고리의 다른 글

[속성] grid 관련  (0) 2022.09.16
[속성] flex 속성  (1) 2022.09.16
[속성] transition 속성  (0) 2022.09.10
[속성] transform 속성  (0) 2022.09.10
[속성] filter 속성  (0) 2022.09.10
'CSS/개념정리' Related Articles more
Comments