[CSS] CSS 박스 모델
1. CSS와 박스 모델 블록 레벨 요소와 인라인 레벨 요소 블록 레벨(block-level) 요소는 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소이다. 한 줄을 차지한다는 것은 해당 요소의 너비가 100%라는 의미이다. 너비나 마진, 패딩 등을 이용해 크기나 위치를 지정하려면 블록 레벨 요소여야 한다. 인라인 레벨(inline-level) 요소는 줄을 차지하지 않는 요소이다. 화면에 표시되는 콘텐츠만큼만 영역을 차지하고 나머지 공간에는 다른 요소가 올 수 있다. 따라서 한 줄에 여러 개의 인라인 레벨 요소를 표시할 수 있다. 종류 해당 태그 블록 레벨 태그 , ~, , , , , , , , , 인라인 레벨 태그 , , , , , , , , width, height 속성 - 콘텐츠 영역의..
2022. 1. 27.
[CSS] 색상과 배경을 위한 스타일
1. 웹에서 색상 표현하기 rgb와 rgba 표기법 rgb(red 값, green 값, blue 값); rgba(red 값, green 값, blue 값, alpha 값); hsl과 hsla 표기법 hsl(, , ); hsla(, , , ) 색상 이름 표기법 모든 브라우저에서 표현할 수 있는 색상을 웹 안전 색상(web-safe-color)라고 한다. 16가지 기본 색상인 aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow 를 포함해 216가지가 있다. 2. 배경 색과 배경 이미지 background-color 속성 - 배경 색 지정하기 background-col..
2022. 1. 27.
