안녕하세요!! @wonnieyoon입니다.
HTML에 대해 포스팅은 마치고 CSS 포스팅을 할 계획인데
CSS을 시작하기에 앞서 CSS에 대해 간단히 설명하고 시작하겠습니다.
CSS란?
Cascading Style Sheet의 약자로 스타일시트라고도 불립니다.
프로그래밍에 있어 가장 중요한것중 하나가 바로 중복코드를 줄이는 것입니다.
CSS는 Html 작성시 글자색,글자크기 등을 미리 정의하고 html에서 그것을 가져와 사용할수 있습니다.CSS는 html 소스편 집창에서 작성할 수 있으며 html 웹 에디터 화면에서는 작성을 할 수 없습니다.
개발환경
CSS 포스팅은 아래와 같은 환경에서 진행됩니다.
OS : window
개발툴: Atom =>Atom 설치하러 가기
맛보기
body 태그안에 p 태그가 두개가 있습니다. 그런데 하나는 class 이름이 있고 나머지 하나는 class 이름이 없죠.. 그리고 위에 보시면 head 부분안에 style 태그를 보실수 있습니다.
style 태그안에 보시면 p.change가 있는데 p는 태그를 가르키는 것이고 change는 클래스 이름을 말합니다. p.change 라고 하면 p태그의 클래스 이름이 change이 녀석에만 스타일이 적용가능하다라고 선언하는것입니다. 그렇게 되면 p태그 중 이름이 없는것은 그냥 기본값이 들어가고 p태그중 클래스 이름이 change 있는놈은 위에 선언해둔 CSS를 적용받게 됩니다.
대충 이렇게 진행 되겠구나라는 정도만 생각해두세요!!