코딩 공부3 animation, background 속성 css 속성 1. animation animation-name 설정한 이름 animation-duration 애니메이션 지속 시간 animation-delay 애니메이션 지연 시간 animation-timing-function 애니메이션 효과 속도 곡선을 지정 -속성값 ease/ linear/ ease-in/ ease-put/ ease-in-out animation-interation-count 애니메이션 반복 횟수 -속성값 infinite(무한 반복) 이외엔 숫자로 지정 animation-play-state 애니메이션이 실행 중이거나 일시 정지 여부 결정 -속성값 running(진행)/ paused(일시정지) animation-fill-mode 애니메이션이 재생되지 않을 때 대상 요소에 스타일 지정 -.. 2021. 1. 1. css flex속성 css flex속성 부모요소 container 자식요소 item (부모요소에 주는 속성) 1. display를 유연한 박스로 변경 display: flex; 2. 주축방향 지정 flex-direction 속성값 row/ column/ row-reverse/ column-reverse 3. 감싸기 지정 flex-wrap 속성값 nowrap(기본 한줄)/ wrap/ wrap-reverse *주축방향 감싸기 속성법* flex-flow: row wrap; 4. 주축 정렬 justify-content 속성값 flex-start/ flex-end/ center/ space-between/ space-around 5. 교차축 정렬 1)주축이 한줄일때 align-items 속성값 stretch/ flex-start/ .. 2020. 12. 31. CSS 속성 및 적용방법 CSS 속성 및 적용방법 1. CSS 글자 관련 속성 - color: 글자 색상 - font-size: 글자 크기 - font-familiy: 서체 - font-style: 서체 표현방식 - font-weight: 글자 두께 - letter-spacing: 자간 - text-indent: 들여쓰기 - text-align: 정렬 - text-decoration: 장식 - text-transform: 대소문자 지정 - text-shadow: 그림자 2. CSS 박스 관련 속성 - padding: 내부여백 - margin: 외부여백 - width: 너비 - min/max width: 최소/최대 너비 - height: 높이 - border: 테두리 border-style, border-color, border-.. 2020. 12. 27. 이전 1 다음
