이미지

[CSS] background-size, origin, clip

background의 다양한 속성 중 다음 3가지에 대해 알아보자! background-size background-origin background-size background-size 배경 이미지의 크기를 설정한다. 직접 수치를 입력할 수도 있고, contain 또는 cover 중에 선택할 수도 있다. 속성값 설명 contain 이미지의 비율은 유지하면서, 크기를 가능한한 크게 조절. 배경 이미지의 크기가 해당 요소의 크기보다 항상 작거나 같게 됨. cover 이미지의 비율은 유지하면서, 요소의 모든 영역을 가리도록 크기 조절. 배경 이미지의 크기가 해당 요소의 크기보다 항상 크거나 같게 됨. (↓background img를 화면에 꽉 차게 설정하는 방법은 아래 게시글 참고↓) 2022.03.25 - ..

[HTML] 태그(tag)의 역할과 사용방법

제목(Heading) - Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 제목을 나타내는 태그이다. ~ 숫자는 크기와 우선순위를 나타낸다. block 속성을 가지므로 단독적인 강조 표현이 가능하다. 컨텐츠들의 영역을 구분하는 기준점으로 사용할 수 있다. 검색엔진에 의해 수집되기 때문에 제목은 꼭 태그를 사용해 주는 것이 좋다. 서식(Text Formatting) - 굵은 텍스트 - 중요한 텍스트 - 기울임꼴 텍스트 - 강조된 텍스트 - 표시된 텍스트 - 더 작은 텍스트 - 삭제된 텍스트 - 삽입된 텍스트 - 아래 첨자 텍스트 - 위 첨자 텍스트 Inline 속성을 갖는 문자 포맷 관련 태그들은 고유의 기능을 부여하기 위해 자주 사용되기도 하지만 ..