coding 반응형 2 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 다음
