[css] css란?
Cascading Style Sheets
css란?
웹페이지를 꾸미는 언어입니다.
우선 웹페이지의 구조를 먼저 세우고 난 다음 css로 웹페이지를 자신의 멋을 표현해주는
언어입니다.
css의 가장 재밌는 점은 정답이 없습니다.
개인적인 생각으론 개인역량(예술적 인감각)에 의존을 많이 하는 언어이기 때문에 css문법을 알고 있다고 해서
css를 잘하는 것이라고 말하기 어렵습니다.
우선 css를 다루기 위해서는 기본적인 html이 있어야 합니다.
집도 없이 인테리어를 할 수는 없습니다.
위의 그림은 기본적인 html 모양을 잡아놓은 모습입니다.
기본적인 구조에 <body> 태그 안에 인사를 해보았습니다. 여기에 간단한 css를 사용해 보겠습니다.
사용하려는 곳(<p> 태그)에 아래 그림처럼 style 속성을 넣고 css 기능인 "color : red"를 넣었습니다.
간단한 css를 적용하여 글씨의 색을 바꿔보았습니다. 위의 코드는 짧고 간결하기 때문에 html문서에 바로 적용
하였습니다.
두 번째 방법은 아래와 같습니다.
<style> 태그를 <head>의 자식 태그로 넣어주고 <style> 태그에서 적용된 선택자(Selector)를 적어주고 {}로 감 싸준 뒤
css를 적용해 줍니다.
결과는 역시나 아래와 같습니다.
아래 그림은 MDN에 나와있는 css 선택자에 대한 형태와 명칭입니다.
참고하시기 바랍니다.
css는 단순히 색을 바꾸는 기능만 있는 게 아닌 다양한 기능이 존재합니다.
이러한 다양한 기능은 MDN에서 충분히 공부해볼 수 있습니다.