goal
HTML에 CSS를 적용시키는 3가지 방법에 대해서 이해한다.
- link태그, style태그
1 ] HTML에 CSS 적용시키기
<-- HTML -->
...
<head>
<link rel = "stylesheet" href="css파일위치">
</head>- link태그 : HTML파일과 다른 파일을 연결하는 목적으로 사용
- link태그의 rel : 연결하는 파일의 역할과 특징
[1] CSS적용 방법 3가지
- 인라인 스타일 : 적용할 태그 바로 옆에 style 옵션으로 css를 주는 것
- 내부 스타일 : style 태그의 명세로 HTML에 정의하여 사용하는 것
- 외부 스타일 : 다른 파일에 CSS를 저장시키고, link로 가져다 쓰는것
참고 자료 :
[css]정리 - 스타일 적용 3가지 방법 인라인/내부스타일시트/외부스타일시트, everfree,https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=dahamee&logNo=220501535751
[CSS]정리 - 스타일 적용 3가지 방법 인라인/내부스타일시트/외부스타일시트
< 인라인 스타일, 내부 스타일 시트, 외부 스타일 시트 사용법 > 인라인 / 내부 스타일 시트 / 외부 ...
blog.naver.com
'Markup-language > CSS' 카테고리의 다른 글
| CSS :) [중요] 레이아웃 구성하기!! display: flex, flex(felx-direction/grow/shink/basis), justyfy-content, align-items (0) | 2022.04.28 |
|---|---|
| CSS :) [중요] Selector (외부자료) (0) | 2022.04.27 |
| CSS :) display의 옵션 flex를 이해하자 (외부자료) (0) | 2022.04.27 |
| CSS :) [중요] 태그의 성질(block/inline)변경, display -> 레이아웃 구성의 중요 요소 (0) | 2022.04.27 |
| CSS :) [중요] CSS단위의 종류와 이해 (0) | 2022.04.27 |