CSS

선택자 { 속성:값; } 스타일(CSS\_의 값(Value)HTMLCSS😘 margin : 여백내장방식style 요소의 내용(contents)으로 스타일을 작성하는 방식 CSS없이 HTML 내에 스타일작성인라인방식요소의 style 속성에 직접

박스모델가로 세로 너비 등 (사각형)글꼴, 문자폰트(서체), 글씨 크기 굵기 등 제어(문자 관련 속성)배경배경색상 혹은 배경 이미지 제어배치특정 요소를 원하는 위치로 이동시키기 위함을 뜻함플렉스(정렬)수평정렬전환요소의 전상태와 후상태를 애니매이션 상태로 표현하는 것변환

요소 위치지정 기준top, bottom, left, right, z-index 등 직접 위치값 설정할 수 있음요소 자신을 기준 (주로 부모에 쓰인다)위치 상 부모 요소를 기준부모, 조상 위치를 무시하고 뷰포트(브라우저)를 기준으로 배치된다.함께 body 사이즈를 지정해

Flex Container 의 화면 출력(보여짐) 특성 제어Flex 블록 요소와 같이 flex container 정의 (수직으로 컨테이너들이 쌓인다)Inline-flex인라인 요소와 같이 flex container 정의 (수평으로 컨테이너들이 쌓인다)​Flex Cont

요소의 전환(시작과 끝) 효과를 지정하는 단축 속성transition-property 속성명 transition-duration 지속시간 (필수적 요소)transition-timing-function 타이밍함수 transition-delay 대기시간전환 효과를 사용할

css 속성 중 변환에 대해

반드시 중간정렬 하는 방법은 아니고 이 원리를 이용해 정렬을 쉽게 하실 수 있어요!주의해야할 점은 position 값을 주고 싶다면 부모요소에 반드시 position 값이 있어야한다는 점이예요.그리고 사이즈 값을 반드시 지정해줘야해요, 그렇지 않으면 원하는 위치에 위치