코딩일상

CSS3의 전환 및 애니메이션은 공식적으로 “타이밍 함수”라고하는 여유를 지원합니다. 일반적인 사람은된다 ease-in, ease-out, ease-in-out, ease,과 linear하거나 사용하여 자신을 지정할 수 있습니다 cubic-bezier(). ease-in 애니메이션이 천천히 시작되고 최고 속도로 끝납니다. ease-out 애니메이션을 최고 속도로 시작한 다음 천천히 완료합니다. ease-in-out 느리게 시작되고 애니메이션 중간에서 가장 빨라진 다음 천천히 완료됩니다. ease처럼 ease-in-out이 빨리 종료보다 약간 시작 제외. linear 여유를 사용하지 않습니다. 마지막으로 구문에 대한 훌륭한 설명 이 cubic-bezier있지만 매우 정확한 효과를 원하지 않는 한 일반적으로..

FLOAT FLEX BOX 의 큰 2가지 1번째 .container { background: beige; height:100vh; } 보이는 화면의 전체에 적용하겠다. vh view height % 소속되어 있는 분모에 퍼센테이지만큼 사용하겠다. .container { background: beige; height:100vh; display: flex; flex-direction: row; } display: flex;박스를 적용하겠다 container 에서 flex-direction: flex 박스의 유형을 설정하겠다. row는 기본 유형 flex-direction: row-reverse; flex-direction: column; flex-direction: column; 도 반대로 하고 싶으면 위에..

div{ width:50px; height: 50px; margin-bottom: 20px; background: red; } .container { background: yellow; left: 20px; top: 20px; position: relative; } .box { background: blue; left: 20px; top: 20px; position: sticky; } relative의경우 원래 박스 위치 상단 왼쪽을 기준으로 움직인다. absolute의 경우는 가장 가까이 존재하는 박스내에서의 상단왼쪽을기준으로 움직인다. fixed는 웹페이즤 왼쪽상단을 기준으로 옮기는것을가능하게 해준다. sticky는 원래 자리에 있지만 스크롤시에도 그자리에 유지하는것이다. 이러한 css 자체 기능들을..

2 3 5 1 2 3 div,span { width:80px; height:80px; margin:20px; } div{ background:red; display: inline-block; } span{ background:blue; display:block; }

https://developer.mozilla.org/ko/docs/Web/HTML/Element/ol - HTML: Hypertext Markup Language | MDN HTML 요소는 정렬된 목록을 나타냅니다. 보통 숫자 목록으로 표현합니다. developer.mozilla.org 주로 사용자에게서 정보를 얻을때 사용한다 Name:

https://developer.mozilla.org/ko/docs/Web/HTML/Element/ol - HTML: Hypertext Markup Language | MDN HTML 요소는 정렬된 목록을 나타냅니다. 보통 숫자 목록으로 표현합니다. developer.mozilla.org 1 2 1 1 1 3

This is a sentence. That is,,, This is a sentence. That is,,, This is a sentence. That is,,, p는 본문을 의미 한다. span은 inline div는 block

새탭으로 홈페이지 여는 방법 " target=_blank>Click