CSS (Cascading Style Sheet) > 기술자료

• 목록

color : color-name | RGB
  - 설명 : 글자 색깔을 지정할때 쓰는 속성

background-color : color-name | RGB
  - 설명 : 배경색 지정

background-attachment : scroll | fixed
  - 설명 : 배경화면을 스크롤 또는 고정시키는 속성

background-image : url(이미지가 있는 url)
  - 설명 : 배경화면에 이미지 삽입 속성

background-position : px px | percent percent | keyword keyword
  - 설명 : 이미지 파일을 x축과 y축으로 일정위치부터 배경이미지가 보이도록 하는 속성

background-repeat : no-repeat | repeat | repeat-x | repeat-y
  - 설명 : 이미지의 반복에 대한 속성


예제1)
<input style="color: rgb(255, 255, 255);" value="배경은 녹색, 글자는 흰색" type="text">

예제2)
글자색이 <span style="color: blue;">파란색</span>으로 보입니다.


참고사이트
- http://tong.nate.com/doggabee/28278403


# 스타일시트 임포트하기
모든 스타일시트는 @import 기호를 이용하여 외부 스타일시트를 참조할수 있습니다.
이렇게 하면 외부 스타일 시트의 규칙들이 메인 스타일 시트의 규칙과 함께 임포트되며(즉 로드되며), 이 두가지 스타일 시트가 모두 HTML 문서에 적용됩니다.

- @import 기호는 스타일시트의 맨 위에, 즉 모든 규칙들의 위에 들어가야 하며,  마지막에  ; 를 꼭 적어주세요.
- 외부스타일 시트 파일의 파일명은 아무거나 붙여줘도 상관없지만 일관성을 위해서 확장자는 .css 로 정하는 것이 좋습니다.

사용예)
@import url(../css/_happyjung_.css);
@import url(/css/_happyjung_.css);
@import url(https://www.happyjung.com/css/_happyjung_.css);