Hi

왼쪽이나 오른쪽으로 배치하기 웹 요소를 문서 위에 떠 있게 만듬.-> 왼쪽 구석이나 오른쪽 구석에 요소가 배치 float: left | right | none 속성 값 설명 left 해당 요소를 문서의 왼쪽으로 배치 right 해당 요소를 문서의 오른쪽으로 배치 none 좌우 어느쪽으로 배치하지 않음 박스1 박스2 박스3 박스4 출처 : Doit! html5 + css3 웹표준의 정석

linear-gradient( to , color-step, [color-stop,..]); 방향 키워드속성 값 설명 to top 아래에서 시작해 위로 그라데이션이 만들어짐 to left 오른쪽에서 시작해 왼 쪽으로 to right 왼쪽에서 시작해 오른쪽으로 to bottom 위에서 시작해 아래로 * 각 브라우저마다 차이가 있을 수 있음. 원형 그라데이션radial-gradient( at , color-step, [color-stop...]) 원형 그라데이션 위치 조정.grad { background: blue; background: -webkit-radial-gradient(10% 10%, circle, white,blue); background: -moz-radial-gradient(10% 10%, ..

속성 하나로 배경 이미지 제어하기 ex)background:url('images/bg3.jpg') no-repeat fixed right bottom; 속성 속성 값 background-image url('images/bg3.jpg') backgound-repeat no-repeat background-attachment fixed background-position right-bottom background-clip border-box background-origin padding-box background-size auto

배경 이미지 배치할 기준 조절하기 background-origin: border-box | padding-box | content-box border-box : 박스 모델의 가장 외각인 테투리(border)가 기준이 됩니다.padding-box : 박스 모델에서 테두리를 뺀 패딩(padding)이 기준이 됩니다.content-box : 박스 모델에서 내용 부분이 기준이 됩니다.