css 주요 속성

width, height

 

<p class="paragraph">프로그래밍을 배워봐요! </p>
.pragraph{width: 500px; height: 500px;}

width: 선택한 요소의 넓이를 설정. 고정값(px) , 가변값(%) 

height: 선택한 요소의 높이를 설정 

 

font 

1

font-family: 브라우저마다 지원하는 폰트가 다름. 입력한 순서대로 우선 순위 적용. 폰트1-폰트2-폰트3  순으로 적는다.

sans-serif는 마지막에 작성하는 기본 값이다. 

 

font-weight: 100-900 사이의 숫자를 입력할 수 있다. 100단위로 조절가능

 

boder

boder-style: 실선은 solid, 점선은 dotted. 주석과 같이 한줄에 이어 쓸 수도 있음. 쉼표는 작성하지 않고 띄어쓰기만.

 

background

 

background-repeat:

x축으로 반복: repeat-x

y축으로 반복: repat-y

반복하지 않음: no-reat

 

background-position: 공간 안에서 이미지의 좌표를 변경할때 사용. top,bottom,center,left,right 등