CSS의 기초적인 style을 알아보자
먼저 div같은 object에 쓸수 있는 style들이다
width: px,%; -> 요소의 폭을 변경한다.
heigth: px,%; -> 요소의 높이를 변경한다.
margin: px,% -> 외부 여백을 지정한다, left,rigth,top,bottom등 margin을 줄 위치를 지정할 수 있다.
background-color: color지정; -> 요소의 배경색을 변경한다.
float:
요소 position에 관련된 style들이다.
position : static; ->좌표이동을 금지한다.
position : relative; -> 요소 원래 좌표를 기준으로 상대좌표로 이동한다.
position : absolute; -> 부모 요소의 좌표를 기준으로 절대좌표로 이동한다. 부모 요소가 position: relative 요소를 갖고있어야 한다.
position : fixed; -> 뷰포트 (viewport) 를 절대좌표계로 이동한다. 스크롤해도 요소는 이동하지 않는다
(상단 고정바같은 기능)
페이지 배경에 관련된 style들이다.
background-image : url(../) ->배경 이미지를 삽입한다.
background-size : cover; ->배경 이미지 사이즈를 조절한다.
cover - >빈공간 없이 배경으로 꽉채운다. 보통 이속성을 많이쓴다.
contain -> 배경이 짤리지 않게 꽉채운다. 여백이 생길 수 도있다.
background-repeat : no-repeat;-> 스크롤을 내릴때 배경이 반복되는 기능을 끈다.
background-position : center; ->배경의 위치를 지정한다.
background-attachment : fixed;```
scroll -> 배경 이미지는 요소와 함께 스크롤된다.
fixed -> 배경 이미지는 스크롤과 상관없이 고정된다.
다음은 text에 쓰이는 style들이다.text-align: 위치; ->text의 정렬 방향을 결정한다, center 입력시 가운데 정렬이 된다.
font-size: px; -> 글자 크기를 변경한다.
text-decoration:none -> 하이퍼링크의 밑줄을 제거한다.
color : ;->text 색을 변경한다.
소개입니다.