티스토리 뷰

Html,Css/Css

HTML에서 CSS 스타일 추가하는 방법 2가지

YG - 96년생 , 강아지 있음, 개발자 희망 2021. 5. 5. 09:00

1번째 방법

 

head 안에 <Style>태그를 직접 추가하는 방법이 있습니다

 

헤드 태그안에 꼭 넣어야 합니다

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>파리바게뜨</title>

    <style>

        .top-item{

            background-color: aqua;

        }

    </style>

</head>

CSS 속성이 적용된 모습

 

2번째 방법

html 문서에 직접 추가하면 어지럽고 정리하기 힘드므로 이 방법을 추천드립니다

 

<link rel="stylesheet" href="styles.css" />

 

 

헤드 안에 넣고 rel은 [rel(relationship 관계)에 대해 명시] 어떤 역할을 하는지 적는 것이며 href 에는 name.css파일명을 입력하시면 되겠습니다

 

어떤 경로에 있다면 \folder\styles.css 등으로 입력하시면 됩니다.

 

이것또한 똑같이 헤드안에 넣어야 합니다
css 파일에 추가한 모습
css 파일 적용된 모습

 

 

저의 경우 2번쨰 방법으로 꾸준히 사용하려고 합니다 

 

봐주셔서 감사합니다

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함