티스토리 뷰

안녕하세요 동기 여러분! 드디어 오늘 HTML에 CSS(stylesheet)을 연결하는 방법에 대해 자세히 알아보겠습니다!

 

Link to a Stylesheet

지금까지 제가 포스팅한 예제들을 보면 흰 바탕에 검은 글씨가 전부인 아주 기본적인 웹 페이지들이었습니다. 하지만 CSS를 사용한다면 깜찍뽕짝한 웹 페이지들을 만들 수 있게 됩니다.

 

HTML의 링크 요소를 사용하면 CSS 파일의 스타일을 입힐 수 있게 됩니다.

 

CSS 파일에 링크 / 생김새

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

 

  1. 링크 요소에는 세 가지 속성들을 사용합니다.

    - rel : 링크할 파일과 현재 파일의 관계를 명시합니다. 위와 같은 경우에는 rel의 속성이 "stylesheet"입니다.

    - type : 링크할 파일의 타입을 명시합니다.

    - href : 링크할 파일의 URL을 제공합니다. (Hypertext REFerence)
  2. 클로징 태그는 따로 없고 끝에 /(slash)를 넣어주면 됩니다.
  3. 위에 있는 생김새는 외부에 있는 main.css는 외부에 있는 스타일을 끌어와서 사용하는 경우인데 보통 이방법을 선호합니다. 내부에 있는 CSS를 끌어와서 쓰는 방법도 있긴합니다.

 


 

오늘의 느낌 

카페가 한창 인기가 오를 때가 아마 중학교 때 였던거 같은데 당시 거침없이 하이킥의 서민정이 카라멜 마끼아또를 자주 시켜 마시는 장면이 나와서 카페가면 항상 카라멜 마끼아또를 시켜 마시곤 했었음.

 

성인이 되고나서 카페에 아는 형이랑 갔는데 그형이 아메리카노를 마시길래 그거 무슨 맛으로 먹냐고 물어봤더니 진정한 커피의 맛이 난다고 대답을 해줬음.

 

진정으로 맛있음. 쓰지만 그 안에서 느껴지는 다양한 맛이 있는듯.

'HTML & CSS' 카테고리의 다른 글

[HTML & CSS] font-family  (0) 2021.12.05
[HTML & CSS] Anatomy of a CSS Rule  (0) 2021.12.05
[HTML & CSS] List & Div & Metadata  (0) 2021.12.03
[HTML & CSS] Image & Video  (0) 2021.12.02
[HTML & CSS] Paragraph & Anchor  (0) 2021.12.02
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
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
글 보관함