CSS란!!

CSS란 무엇인가.?!!

 

CSS(cascading style sheets)

 

기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS 이다. 간단히 스타일시트라고도 한다.

HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성형식)을 미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로, 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다.

따라서 웹 개발자들은 보다 풍부한 디자인으로 웹을 설계할 수 있고, 글자의 크기, 글자체, 줄간격, 배경 색상, 배열위치 등을 자유롭게 선택하거나 변경할 수 있으며 유지·보수도 간편하게 할 수 있다.

 

 

CSS를 기술하는 3가지 방법!

1. 속성처럼사용 사용형식 [body에 기술][세밀하게 하나씨익~]
<태그 style="속성1:속성값1;속성2:속성값2">

2. 정의를 사용한 형식 [head에 기술][일괄처리]

<style>
  input{속성1:속성값1;속성2:속성값2;}; << input 태그에 적용할때
      a{속성1:속성값1;속성2:속성값2;}; << a 태그에 적용할때

</style>

3.파일 연결 [head에 기술][모듈화]
-CSS 파일의 확장자 : *.css
<link rel="stylesheet" href="경로">

---

  style 속성 =1.width, height  : 넓이, 높이 지정
                   2.font-size:pixel : 글자크기
                   3.color   : 폰트칼라
                   4.border: pixel  : 종류 색상
                   5.font-family  : 글꼴
                   6.font-weight  : bold
                   7.backgrond:칼라 : 배경색
                   8.background:url(경로): 배경이미지