CSS 속성 Part 2.
HTML에서 속성 : Attributes CSS에서 속성 : Properties JS에서 속성 : Properties CSS를 통해 적용하는 스타일 목차 박스 모델 글꼴, 문자(기울기, 두께, 크기, 높이, 글꼴, 색상, 정렬, 장식, 들여쓰기) 배경 (배경 색상, 이미지 삽입, 이미지 반복, 이미지 위치, 이미지 크기, 이미지 스크롤) 배치 (position-relative, absolute, fixed/stack order) 플렉스(정렬) (flex- flex container, flex items) 전환 (transition, 속성명, 지속시간, 타이밍함수, 대기시간) 변환 (transform,원근법, 이동, 크기, 회전, 기울임, 뒷면숨김) 띄움 애니메이션 그리드 다단 필터 2-1) 글꼴 ① fo..
2021. 10. 17.
CSS 속성 Part 1. (박스모델)
HTML에서 속성 : Attributes CSS에서 속성 : Properties JS에서 속성 : Properties CSS를 통해 적용하는 스타일 목차 박스 모델 : 너비, 단위, 여백, 테두리, border-radius, box-sizing, overflow, display, 투명도 글꼴, 문자 배경 배치 플렉스(정렬) 전환 변환 띄움 애니메이션 그리드 다단 필터 1) 박스모델 속성 ① width, height : 요소의 가로/세로 너비 기본값 : auto(브라우저가 너비를 자동 계산) / 단위 :px, em, vw 등 단위로 지정 Hello : span은 대표적인 인라인 요소로 가로와 세로너비가 콘텐츠의 크기만큼 자동으로 줄어든다. Hello : div은 대표적인 블록요소로 가로너비는 부모요소의 크..
2021. 10. 17.
