웹페이지의 디자인 CSS

 

 CSS : Cascading Style Sheets는 HTML과 같은 마크업 언어로 작성된 문서가 실제로 웹페이지에 표현되는 방법을 정해주는 언어이다.  하지만, 이러한 디자인은 HTML에서 한번에 가능하다. 그럼에도 불구하고 CSS를 사용하는 이유는 다음과 같다.

1. 웹 문서의 내용과 상관없이 디자인만 바꾸기가 쉽다.

• HTML에는 웹사이트의 내용을 구성하고, CSS로 웹 문서의 디자인을 구성하게 되면, 나중에 사이트의 내용 및 디자인을 수정을 할때 훨씬 용이하게 수정이 가능하다.
• 같은 내용에서도 디자인만 수정이 가능하므로 내용 혹은 스타일 한쪽만 맡아서 개발이 가능하다.

2. 다양한 기기에 맞게 탄력적으로 바뀌는 문서를 만들 수 있습니다.

• 기존 HTML문서는 PC에서의 화면이 기본으로 되어있어서, 다른 환경에서는 그에 맞게 따로 작성을 했어야 했다. 그러나 CSS를 이용하면 해당 환경에 맞게 CSS만 수정해주면 된다.
• 반응형 웹 디자인으로 설계가능하다. 여러개의 웹문서로 개발하는 것이 아니라, 하나의 웹문서에서 여러 환경에 맞춰 작동한느 것을 말한다. 

스타일 시트를 사용하는 방법은 두가지가 존재한다.

1. 내부 스타일시트 : 웹 페이지 안에 스타일 시트 표시
2. 외부 스타일 시트 : 스타일 시트를 별도의 파일로 저장한 후 링크해서 사용

CSS의 선택자 및 속성은 내용이 많아 앞으로 꾸준히 포스팅 할 예정이다..ㅎㅎ