CSS_1

오늘은 CSS에 대해서 알아보도록 하겠습니다.

CSS란?

Cascading Style Sheet의 약자로써 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트라고 합니다.

쉽게말해서 HTML에 색깔을 입히고 더 보기 이쁘게 꾸미는것을 의미합니다.

그렇다면 이제 문법과 사용법에 대해서 알아보도록 할께요.

우선 CSS는 이렇게 구성이 되어있답니다.

Selector 는 h1 이라고 쓰여있는데 이것을 풀어서 설명하면 다음 HTML에서 쓰이는 모든 h1 태그에는 뒤에 괄호{} 부분에 해당하는것들을 입히겠다!

라고 설명할 수 있습니다.

그래서 입력을 해보면

이런 식으로 써 내려갈 수 있습니다.

<style>태그 안에 h1이라고 쓴것은 <h1>태그에 대한것을 입힌것이므로 태그선택자 라고 할 수 있습니다.

다음 알아볼것은 ID선택자 인데요.

ID선택자는 언제 사용하느냐?

특정 태그에서만 적용하기 원할때! 사용하는거에요. 이렇게 말로 설명하면 이해가 잘안되실수도 있으니까

바로 실습해볼께요!

<style>태그 안에 # 을 붙여서 id값을 정합니다. id값의 이름은 아무거나 해도 상관 없습니다!

#을 붙여서 id 값을 정해준 다음 그것을 입히고 싶은 태그에 적으면 끝! 사용하기 정말 쉽죠?

다음은 클래스 선택자입니다.

클래스 선택자란?

id선택자와 마찬가지인데 class값으로 갖는것입니다.

방식은 id선택자와 똑같은데 기호만 조금 다릅니다.

이런식으로 <style>태그 안에 .을 붙여서 쓰면 됩니다!

이렇게 쓰게 되면 다음과 같이 결과물이 나오게 됩니다.

Id선택자, 클래스 선택자를 배워봤습니다~!!