Skeleton의 세상

기본 크기는 40px 입니다. width 1s -> 1초만에 width크기를 변경합니다.height -> 1초만에 height크기를 변경합니다.background-color 1s -> 1초만에 bacground-color를 변경합니다transform 1s -> 1초만에 지정된 transform으로 움직입니다. 아래쪽에 마우스를 올려보세요~ height를 변경하는 경우 기본 크기는 40px 입니다. width를 변경하는 경우 기본 width는 100px 입니다. background-color를 변경하는 경우 기본 색는 green 입니다. transform:scale 을 변경하는 경우 Scale 2 만큼 커집니다. transform:rotate 을 변경하는 경우 90deg만큼 회전 transform:tran..

background:linear-gradient(각도 지정(deg),시작할 부분의 색, 중간의 색, 끝날 부분의 색); //linear 선 이라는 의미로 위에서부터 아래로 그려줍니다. 시작색과 끝색만 있어도 그려집니다~ // 각도 지정부분에는 // to bottom : 위에서 아래로 (기본값) // to top : 아래에서 위로 // to right : 왼쪽에서 오른쪽 // to left : 오른쪽에서 왼쪽 // N deg : N의 각도 만큼 // 로 지정할 수 있습니다. background:radial-gradient(시작할 부분의 색 , 끝날 부분의 색); //radial 방사 라는 의미로 가운데에서 부터 원형으로 펴져 나갑니다. 시작색과 끝색만 있어도 그려집니다~

display 를 이용하여 작성을 합니다. Q 1 2 3 4 W 1 2 3 4 를 작성해보자.그럼 표가 생성될텐데이 것을 응용해서 적으면 표를 완성시킬수 있다.

스크롤 적용 코드overflow 를 사용합니다. 안의 내용이 넓이 100 높이 100을 넘어설경우 스크롤이 자동으로 생성됩니다. overflow:scroll -> 이렇게 적는다면 범위를 넘어서지 않아도 스크롤이 보이게됩니다.