저번에 기본적인 뼈대는 다 만들어 놓고 오늘은 계속 애니매이션을 추가시키고 github에 올려서 url을 받아서 공유 할 수 있는 기능 까지 배웠다.우선 마지막에 자꾸 open-post가 헤더와 스테이터스바와 겹치는 현상이 발생해서 당황했는데 일단은 z-index로 해
이제 클론코딩 실습을 시작했는데 이번 강의에서는 그 기능을 만들지는 않고 겉모습만 따라 만든다고 한다. 대학 다닐때 몇번 했었는데 되게 힘들고 귀찮게만 느껴졌었는데 이번에는 좀 열심히 해보려고 한다.HTML을 짤때 BEM이라는 규칙이 있다고 한다. 지키든 안지키든은 개
오늘 배운것들에 대해서 적어보고자 한다.positon : absolute를 제대로 쓰려면 그 부모 div가 position: relative여야 한다.두 개의 flex box의 순서를 바꾸는 두가지 방법은 다음과 같다.그리고 flex box를 맨 끝으로 보내는 방법은a
실전에 들어가니까 오류도 많이 나고 하나하나 하는데 꽤나 오래 걸린다. 이제부터는 실습하면서 많이 사용해서 기억나는 것들을 복습 겸 적도록 하겠다.이 디스플레이를 엄청나게 많이 쓴다. div를 많이 만들어 놓고 그 div들을 좌우 정렬 하고 싶을때 마다 쓴다. 그러면
훈련소 갔다와서 오랜만에 쓰는 글이다.Animations parts one, two@keyframes 가 애니메이션을 만드는 태그이다.여기에는 두가지 옵션이 있는데 첫번째는 form-to이고 두번째는 %이다.from{}to{}로 작성하면 아무 조작없이도 form 상태에
오늘의 공부를 정리하기 전에 헷갈리는 개념인 attribute와 property를 정리하고 가겠다.AttributeAn attribute extends an element, changing its behavior or providing metadata.An attrib
border은 의 형태로 쓰며 각 요소들의 테두리를 꾸며준다. Tip!로 지정하면 모든 요소를 저렇게 꾸밀 것을 나타낸다.inline에는 높이와 너비가 없기 때문에 좌우 margin만 적용된다. 그러나 padding은 상하좌우 적용된다.CSS의 class는 java나