CSS
Cascading Style Sheet 캐스케이딩 스타일 시트
CSS는 혼자서는 존재할 수 없다.
HTML 같은 마크업언어와 같이 쓰이며,
웹사이트를 멋진 스타일로 꾸며주는 일을 한다.
물론 CSS를 사용하지 않고 HTML 코드와 속성만으로
어느정도 웹사이트를 꾸며줄 수 있지만,
그 확장 범위가 제한적이고
아주 간단한 것을 실현하는데도 코드가 장황해질 수 있다는 단점이 있다.
CSS는 웹사이트를 세련되고 정돈되게 만들어준다.
이번 장에서는 CSS를 이용해서 웹사이트를 멋지게 스타일링해본다.
그 중 첫 번째 시간으로 배경색깔을 바꾸는 방법 소개한다.
배경색깔 바꾸기
body 태그는 현 웹사이트 페이지 전체 모습이라 생각해도 무방하다.
따라서 body의 배경색깔을 바꿔줌으로서 전체의 배경색깔을 입혀주기로 하자.
<파랑색 배경색깔>
<body style="background-color: blue;">body 뒤에 style 속성을 넣고, "background-color: 원하는 색깔" 을 적는다.
마지막에는 세미콜론( ; )을 찍는다.
원하는 색깔은 색깔 이름을 적어도 되고
헥스 값을 사용할 수 있다.
헥스 값을 사용할 때는 샵(헤시태그) 부호를 앞에 붙여준다.
<진분홍색 배경색깔>
<body style="background-color:#D58BDD;">
<노랑색 배경색깔>
<body style="background-color:#FFF6BF;">