CSS

스타일 규칙을 한눈에 확인하고 수정하기 쉽도록 한군데 묶어놓은 것HTML 문서에 CSS 스타일을 적용하는 방법은 인라인, 내부 스타일, 외부 스타일 시트로 3가지 방법이 있다.HTML 요소의 style 속성을 사용하여 스타일을 적용하는 방법이다. 해당 요소에만 스타일을

인라인 스타일이 적용된 태그는 가장 높은 우선순위를 가지고 적용된다.내부와 외부 스타일 시트의 경우, 가장 마지막에 적용된 스타일 시트가 적용된다.즉

(요소 너비 = 100%)<h1>, <div>, <p> 태그 등이 대표적으로 블록레벨 요소를 만드는 태그<span>, <img>, <strong> 등width 속성, height 속성을 사용하여 박스 모델에서 콘텐츠 영역 크기를 지정한다

content-box : content 만 포함 (기본값)border-box : padding + border 까지 포함 px, em 단위로 너비와 높이 지정 가능백분율 ( 부모요소 기준 )auto ( 자동 결정 , 기본값 ).box2{ box-shadow:5px 5p

웹 문서에서 스타일이란

즉, 요소들이 HTML에 작성된 순서 그대로 브라우저 화면에 표시된다.top, left, bottom, right 속성값은 position 속성이 static일 때는 무시된다.top, bottom, left, right 속성을 이용해서, 요소가 원래 위치에 있을 때의

.container { display: flex;}.item { flex: 1;}.container { display: flex; flex-direction: row; border: 5px solid red;}.container { display: flex;

한 줄로 된 행 혹은 열 방향의 레이아웃과 같이 일차원의 레이아웃을 염두에 두고 설계되었다. (1차원)레이아웃을 조정할 때 오직 가로 행 혹은 세로 열 만 고려그리드는 행과 열 모두를 염두에 둔 2차원적 레이아웃을 고려해서 설계되었다.레아아웃을 조정할 때 가로 행과 세