[카카오톡 클론코딩] # 3.0 How to add CSS to HTML

Gata·2023년 7월 12일
0
post-thumbnail

#3.0 How to add CSS to HTML

방법 1. 같은 HTML 파일에 HTML코드와 CSS코드를 적기

  • style 태그를 열어서 CSS코드를 적고 style태그로 닫는다.
<head>
    <style> 
        h1{ 
            color: tomato; 
        } 
    </style>
</head>

방법 2. 별도의 .css의 파일을 만들어 CSS와 HTML파일을 분리하기

  • 이 방법을 더 추천. 분리된 CSS 파일을 다른 많은 HTML 페이지에서 사용할 수 있고 CSS 내용이 점점 길어질 때도 편하다.
  • 실제 웹사이트 만들 때 주로 쓰는 방법.
  • styles.css파일을 따로 만들고 여기에 css 코드를 작성한다.
  • link 태그를 이용해서 두 파일을 연결한다.
    href에는 css파일 이름, rel은 CSS파일과 HTML파일의 관계를 의미한다.
<link href="styles.css" rel="stylesheet" />
profile
개발은 즐거워🪇

0개의 댓글

관련 채용 정보