231229(선택자)

css 소개 & 기본 형태

CSS는 Cascading Style Sheet의 약자이다.

왜 css를 html과 분리해서 관리하는가? 왜냐하면 css없이, html만으로 웹페이지를 제작하려면.. html목적 자체는 웹으로 정보콘텐츠를 공유하는건데, 이 문서에 스타일까지 포함시키면 문서가 너무 뒤죽박죽이고, 코드만 보면 무엇이 html이 전달하고자 하는 정보인지 알기 어려움.

CSS의 간단한 문법을 배워보자.

앞으로 우리가 배울 CSS는 크게 두파트로 나누어져 있다. 하나는 선택자(selector)와 선언부(declaration)임.

우리가 html의 특정 엘리먼트를 꾸밀때, 어떤 엘리먼트를 고를지 브라우저에게 알려주는 역할을 셀렉터가 한다.

주로 배울 것은 선언부임. 세가지 파트로 이루어져있다. 1. 속성(property) 2. 값(value)

CSS는 문장을 ;으로 구분한다. 빼먹지 말자.

CSS 사용방법

CSS를 따로 파일로 만들어서 HTML에 임포트해주는 방식으로 사용한다.
HTML<head>에 <style>태그를 만들고, 문서 안에 직접 CSS삽입.
엘리먼트에 style어트리뷰트 만들고 그 안에 CSS코드 넣기 - 매우 지양

실습 강의를 위한 준비