CSS 기본 형태

김무음·2023년 9월 21일
0

HTML & CSS

목록 보기
16/58
post-custom-banner

CSS란 Cascading Style Sheet의 약자로써 HTML 문서에 대해 예쁘게 꾸미기 위해서 사용된다. 시각적인 요소를 분리하기 위해 만들어진 언어를 말한다.

왜 HTML과 CSS를 구분하여 사용할까? HTML은 웹으로 정보를 공유하는데 이것을 일일히 하나씩 지정해준다면 변경하기도 어렵고 유지보수도 어려울 것이다. 따라서, CSS를 이용하면 유지보수도 쉽게 웹 디자인을 이용할 수 있다.


selector {
  property: value;
}

CSS는 결국엔 사용하기 위해서 선택을 해야한다. 그러기 위해서는 먼저 선택자를 이용하여 해당 HTML 태그를 지정하고, 그 이후에 속성과 값을 이용하여 디자인을 넣어주는 방식으로 진행된다.
선택자에는 종류가 무척이나 많은데 하나씩 짚어볼 것이고, 주로 배우게 될 내용은 선언부다. 중괄호 안에 든 선언부로 디자인을 이용하는데 중요한 부분은 한 줄을 작성할 때마다 ; 을 넣어줘야 한다. 타 언어라면 에러가 발생한다면 문제가 있다고 표기해주지만 CSS는 아무런 반응도 없기 때문에 꼭 넣어주는 습관을 들이자.

profile
오늘도 한 발자국 더 나아가.
post-custom-banner

0개의 댓글