CSS를 HTML에
적용시키는 총 3가지 방법
ⓐ linking style sheet
- 별도의 css파일을 생성한 다음 html문서에 연결하는 방식
ⓑ inline style sheet
- Html태그의 style 속성에 CSS 코드를 삽입하는 방식
ⓒ internal style sheet
- Html문서 내에서 <style> ~ </style> 태그 사이에 CSS코드를 삽입하는 방식
1. linking style sheet
<link rel="stylesheet" href="index.css">
- link를 사용하는 방식
- html 파일에 css링크를 달아주면 된다. (href="파일 경로")
2. inline style sheet
<span style="border; 1px soilid red;">Lorem ipusm dolor.</span>
- html 태그의 style 속성에 css 코드를 삽입하는 방식
- 꾸미는 것에 한계가 있고, html 파일이 없으면 수저이 어렵다는 점 등 여러가지 단점이 있어서 가급적 추천하지 않는 방식이다.
3. internal style sheet
<head>
<style>
span { border: 1px solid red; }
</style>
</head>
- html파일 <head>~</head> 태그 안에 css 코드 넣기
'강의' 카테고리의 다른 글
CSS 활용해서 반응형 웹사이트 만들기 (0) | 2024.08.05 |
---|---|
[Git] 브랜치 생성, 브랜치 목록 확인 및 원격 브랜치 로컬로 가져오기 (0) | 2024.08.05 |
display: flex에 대해서 익혀보자! (0) | 2024.07.18 |
HTML <a> 태그를 이용한 내부링크 걸기 (0) | 2024.07.17 |
Github 명령어 정리 (0) | 2024.07.15 |