Flex > Flex 요소는 유연하게 동작하는 요소이다. (가로/세로/요소를 정리하기 위한 요소) container, item과 함께 사용된다. Cotainer- play >display-outside -> Block,Inline 디스플레이의 바깥쪽 관계를 정의하는

duration 은 시간 설정이다. hover사용 시 밖으로 적어야 마우스 내릴때도 적용된다.delay 요소가 여러개 있을때 도미노처럼 트리거가 된다.timing-function느낌을 조절할 수 있다.duration delay순으로 적는다.duration timing-

transform속성으로 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있다.2D만을 위한 function이다. scale( ) -> 음수부터 소수점까지 가능하다.scale( x, y )scalex(5)scaley(0.5)turn과 deg를 많이 사용한다

color CSS 속성은 요소의 글씨 및 글씨 장식의 전경색과 currentcolor의 값을 설정한다.currentcolor는 다른 속성에서 사용할 수 있는 간접적인 값이며, border-color 등 일부 속성의 기본값이다.rgba의 a는 투명도 조절 가능하다. 기본

inline은 margin과 padding의 top,bottom 지정 불가하다.display none -> 레이아웃에서 사라진다. 코드에선 존재visibility hidden -> 문서의 레이아웃에서 자리는 차지하지만 눈에는 보이지 않는다.position의 기본값 st

width 와 height는 px, em, % 등 사용 가능 하다.inline 의 width, height 자동으로 설정된다.반응현 웹 사이트에서 유용하게 사용한다.margin top, right, bottom, left 시계방향으로 읽는다.% 는 부모의 width의

px 화면에서는 전통적으로 하나의 장치 픽셀(점)을 의미했지만, 프린터나 고해상도 화면에서는 1/96 in을 맞출 수 있도록 여러 개의 장치 픽셀을 의미한다.참고: 많은 사용자가 사용자 에이전트의 기본 글꼴 크기를 늘려 읽기 쉽도록 설정합니다. 절대길이는 사용자 설정을

font-size, font-style, font-weight font-family line-height font와 단축속성 (shorthand) letter-spacing, word-spacing text-align ![](https://ima

Type selector 특정 요소에 나 특정 그룹에 사용하지 않는다. 하나의 전체 웹 페이지에서 일관성 있게 적용할 때 사용한다. CSS의 상단부에 많이 사용한다.ID selector 유일하고 유니크한 요소이다. 그러므로 중복 사용 불가하다. 무조건 하나만 존재 (

HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어이다.CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌더링되어야 하는지 지정한다.1.선택자(Selector): 스타일을 지정할 HT