📒CSS3 기초
- CSS3의 구조
🤔 CSS란? Cascading Style Sheet의 약자로, HTML로 작성된 정보를 꾸며주는 언어
📌 CSS3의 기본 구조
selector {
property: value;
}- Selector: 디자인을 적용할 HTML 영역
- Property: 어떤 디자인을 적용할 것인지 정의
- Value: 어떤 역할을 수행할 것인지 구체적인 명령
- CSS3를 HTML 문서에 적용하는 방법
- Inline Style Sheet: 태그 안에 직접 원하는 스타일을 적용하는 방법
<h1 style="color: blueviolet;">HELLO</h1>
<button style="background-color: green;">I am button</button>- Internal Style Sheet:
<head>태그 안<style>태그 안에 입력해서 적용하는 방법
<head>
<style>
h1 { background-color: yellow;}
</style>
</head>- External Style Sheet:
<link>태그로 외부 style sheet를 불러오는 방법
<head>
<link rel="stylesheet" href="style.css">
</head>✔ HTML, CSS 각각의 문서 안에서 style을 따로 관리하여 상대적으로 가독성이 높고 유지보수가 쉬운 장점이 있어, External Style 방식을 가장 많이 사용한다.
안녕하세요, 프론트엔드 개발자 임정훈입니다.