안녕하세요 디벨로드 입니다. 오늘은 CSS (Cascading Style Sheet)에 대해 간단히 설명해 보겠습니다. HTML과 CSS?? HTML 이 텍스트나 이미지, 표 같은 각 요소를 이용하여 웹 문서에 뼈대를 만드는 것이라고 한다면, CSS 는 텍스트의 색상이나 크기, 이미지 크기나 위치, 표의 색상 등 웹 문서의 디자인 요소를 담당하는 것입니다. 쉽게 말해 웹페이지의 인테리어 라고 이해하시면 될것 같네요!~~ CSS는 다음과 같이 태그 안에 넣어서 사용이 가능합니다. <p style="width=100%"></p> 하지만 저렇게 태그안에 넣지 않고 선택자를 이용해서 사용해주는 경우가 많습니다. 왜 그렇게 사용해야할까요? 1. 웹 문서의 디자인과 내용을 분리할 수 있습니다. 내용을 건드리지 않고 스타일 시트를 이용해 디자인만 변경해서 완전히 다른 느낌의 문서로 만들 수 있습니다. 2. 다양한 매체에 적합한 문서를 간단히 만들 수 있습니다. 기존의 HTML문서는 개인용 컴퓨터 웹브라우저 화면을 기본으로 하기 때문에 인쇄가 필요한 문서일 경우, 인쇄용 문서를 따로 제공해야하거나 모바일용 홈페이지가 필요한 경우, 따로 문서를 만들어야 했습니다. 하지만 대상기기에 맞게 CSS만 바꿔주면 같은 내용을 여러 매체에서 사용할 수 있습니다 :) 다시 한번 예를 들어보겠습니다. <p style="width100%"></p> <p style="width100%">...
댓글
댓글 쓰기