css 문서를 적용할 때 사용할 수 있는 방식들
- 인라인 스타일 : 태그에 직접 기술
- 스타일 태그 : 스타일시트를 위한 태그를 추가하여 기술
- 문서 간의 연결 : 스타일시트 문서를 따로 작성하여 HTML문서와 연결
1. 인라인 스타일
태그에 style 속성 추가하여 직접 스타일 정의하는 방식
선택자가 필요 없음
<p style="color: blue;">
파란 글자
</p>파란 글자
2. 스타일 태그
<style></style>태그를 추가하여 그 안에 css 코드 작성
내부 스타일 시트라고 표현하기도 함
<style>
p{
color: red;
}
</style>빨간 글자
문서 간의 연결
확장자가 *.css인 스타일시트 파일을 생성해 그 안에 css 코드를 작성하고 HTML 문서에 이를 연결
연결할 때는
<link> 태그를 사용<link href="./style.css" rel="stylesheet">=>
href : 연결하고자 하는 외부 소스의 url을 기술하는 속성
rel : 현재 문서(HTML)와 외부 소스의 연관 관계를 기술하는 속성
<link> 태그는 HTML 문서의 <head></head> 내부에서 사용해야 한다.
게임회사 주니어 개발pm에서 프론트엔드 개발자로 전향하는 과정