CSS

부모에 적용되는 요소들(아이템들의 부모)row / column / row-reverse / column-reversflex방향wrap / wrap-reversfloat처럼 화면이 줄어들면 자동으로 아래로 떨어진다.flex-start / center / flex-end

Button.withComponent('a').extend\`\` (button에서 확장해서 a태그 포함)

pclass 선택자의 규칙은 class 속성만 존재하면 적용이 되기 때문에 3가지 요소 모두에 적용됩니다. pclass 선택자의 규칙은 class 속성과 id 속성 모두 있는 요소만 해당하기 때문에 마지막 요소에만 적용됩니다. 두 규칙 모두 속성의 값은 상관하지 않습니

구체성의 값이 클수록 우선으로 적용이 됩니다.값을 비교할 때는 좌측에 있는 값부터 비교하며, 좌측 부분의 숫자가 클수록 높은 구체성을 갖습니다.구체성은 아래의 규칙대로 계산됩니다. 0, 1, 0, 0 : 선택자에 있는 모든 id 속성값 0, 0, 1, 0 : 선택자에

none : 요소가 렌더링 되지 않음inline : inline level 요소처럼 렌더링block : block level 요소처럼 렌더링inline-block : inline level 요소처럼 렌더링(배치)되지만 block level의 성질을 가짐height 나

length : 고정값으로 지정합니다. (ex. px, em ....)percent : 요소의 width에 상대적인 크기를 지정합니다.auto : 브라우저에 의해 계산된 값이 적용 됩니다.기본적으로 브라우저에 의해 계산이 이루어지는데, 대부분의 경우 0(기본값) 또는

이름 중간에 공백이 있거나, 한글일 경우 홑따옴표로 묶어서 선언합니다.family-name으로 지정된 글꼴을 사용할 수 없을 경우를 대비해, 브라우저가 대체할 수 있는 폰트가 필요한 경우 선택할 수 있게 해줍니다. font-family 속성의 맨 마지막에 선언해야 하며

요소를 보통의 흐름에서 벗어나 띄워지게 한다.(붕떠있음) 그래도 자신의 영역은 차지 하고 있다. 주변 텍스트나 인라인 요소가 주위를 감싸고 있다. block요소는 float 속성 아래 위치하지만 inline요소는 float 속성 주위를 감싸게 된다.대부분 요소의 dis

Normal-flow 에 따라 배치되며 offset 값이 적용되지 않는다. (기본값)부모 요소의 위치를 기준으로 offset 에 따라 배치된다.Normal-flow의 흐름에서 벗어난다.inline에 속성을 주면 자동으로 display:block이 된다.부모의 기준 위치

미디어 쿼리는 CSS2 Media Types을 확장했기 때문에 선언 방법은 동일합니다.@media 로 시작하며, 그 뒤에 미디어 쿼리 구문(위 코드의 mediaqueries)은 논리적으로 평가되며 참이면 뒤에 나오는 스타일 규칙이 적용되고, 거짓이면 무시됩니다.미디어