Muscardinus

/*CSS Animation*/ animation: keyframe duration delay(지연 유무 없으면 값 생략) linear(부드럽게) infinite(무한 반복); Animation 개발 순서 1.CSS로 모양을 다 만들고 2.keyframe 제작 3.animation에 적용 keyframe에서 animation할때 하나의 %에서 다른 %로 연결시 적용 속성이 같아야함 animation-delay: s calc(100% - 10px) animation-direction: reverse -> 거꾸로 animation 행동 (반시계 등) border radius 찌그러짐 주기 border-radius: 40% 60% 65% 35% / 40% 45% 55% 60%; hover 응용 잘 생각 .sq..

/*CSS 박스 모델(width,height,padding,margin)*/ box-sizing: border-box -> 초기 너비 값에 추가 된 패딩 , 경계 값 모두 포함 값 (width 와 height가 최종 길이 값이 됨) 중요함!!(초기에 설정된 width와 height값을 기준으로 border padding을 넣는다) /*그림자 속성*/ box-shadow: (inset) offset-x offset-y blur color (필수 x) 필수 x축 이동거리 y축 이동거리 퍼짐정도 색상 inset: 안쪽 그림자 offset-x: +면 왼쪽에서 오른쪽 offset-y: +면 위쪽에서 아래쪽 blur: 그림자 부드럽게 color: 그림자 색깔 text-shadow : offset-x offset-y..

한글 입숨 -> 한글 아무 말 생성기 /*서식*/ br em b s big/small 기본 폰트보다 조금 크게 sub 아래첨자 sup 윗첨자 mark 형광표시 hr /*목록 만들기*/ ol > li 순서가 있는 목록 ul > li 순서가 없는 목록 /*링크, 이미지*/ 외부 링크나 파일 링크 하기: a (anchor) Naver a -> tag href-> attribute(속성) hyperlink reference 이미지 html 문서에 넣기: img