배경색,배경이미지설정하기

background:#444 url(lamp.jpg) no-repeat 10px 10px;

                       색        이미지          반복여부      위치(x.y)

x위치값에 : left,center,right 배치

y위치값에 : top, center, bottom 배치        

no-repeat 반복안하고 한번만 보여줌

repeat-x 수평으로 반복

repeat-y 수직으로 반복         

line-height : 라인높이 .줄높이,텍스트입력칸의 높이

line-height속성은 블럭태그에만 적용된다

a태그에 위 속성을 적용하려면 display:block; 해야 한다

단위 : em ~배

영역안에 배치된 텍스트를 수직중앙위치하려면

영역의 높이값과 동일하게 line-height값을 설정하면 된다

<style type="text/css">
div{
 width:100px;
 height:100px;
 border:#666 1px solid;
 text-align:center;
 line-height:100px;
 }
</style>
</head>

<body>
<div>주제</div>
</body>

clear:both

위 속성은 float속성이 지정된 마크업태그뒤에 오는 대상에게 지정하는데..

float된 대상 뒤에 오는 것은 위치가 뒤틀려지게 된다.끌려올라가서

제 위치를 유지못하게 된다...

보통의 경우 하단영역에 clear속성을 적용한다

1css화일 생성및 설정
   css화일생성 : file > new > blank page > css 
   화일명.css로 저장

2 외부링크 설정(외부스타일화일 연결)

   html문서와 css파일을 연결하여 html문서요소의 스타일을 지정한다.
력 -
  <head>
       <link rel="stylesheet" type="text/css" href="화일명.css">
  </head>

  * rel :relative 연관의

     type: 형식

      href : hyper reference (참조)

position : 위치

position은 컨텐츠의 위치를 지정하기 위해서 사용을 함.

margin으로도 컨텐츠의 위치를 지정할 수가 있다.

그런데 position을 사용하는 경우가 있는데 그것은 바로....

일정방향으로 배치(열)되지 않고 이탈되어 특정위치에

배치될 때는 position을 사용한다

이때 특정기준점에서 거리를 재서 left값과 top값을 지정하게 된다

position:absolute;(절대위치.특정기준점에서 측정된)

left:값;

top:값;

그리고 특정기준점역활을 할 대상(바로 위)에는

position:relative; 선언해주면 된다.

또한 position으로 위치지정한 대상은 다른 대상에게 영향을 안주고 안받는다.

margin으로 처리한 대상들은 서로의 간격을 밀어서 위치가 변동이

되는데 반해서...