CSS22 [CSS] 타이포그래피 타이포그래피 글자(Font)와 문단(Text)의 속성을 제어한다. 2022.03.05 - [CSS] - [CSS] Font [CSS] Font Font 글자 모양, 크기, 굵기, 기울임 등의 설정을 위한 속성이다. 속성 설명 font-family 글자 종류 설정 font-size 글자 크기 설정 font-weight 글자 굵기를 설정 font-style 글자 스타일(이텔릭체)을 설정 font-. ypangtrouble.tistory.com 2022.03.05 - [CSS] - [CSS] Text [CSS] Text Text 행간, 자간, 어간, 정렬 등의 텍스트 간격 및 레이아웃의 설정을 위한 속성이다. line-height line-height 속성은 한 줄에 대한, 즉 텍스트의 높이 값(행간)을 지정.. 2022. 3. 6. [CSS] Text Text 행간, 자간, 어간, 정렬 등의 텍스트 간격 및 레이아웃의 설정을 위한 속성이다. line-height line-height 속성은 한 줄에 대한, 즉 텍스트의 높이 값(행간)을 지정한다. 절대단위(px, %, em)를 사용하며 음수값은 지정할 수 없다. 기본값은 브라우저별로 조금씩 다르며, chrome의 경우 1.25 이다. 단위 없이 숫자로 선언할 경우는 몇 배 크기인지에 대한 지정이다. 공간 = (행간(line-height) - 글자크기(font-size)) / 2 default line-height line-height : 70px line-height : 70px line-height : 70% line-height : 70% line-height : 3 line-height : 3 l.. 2022. 3. 5. [CSS] Font Font 글자 모양, 크기, 굵기, 기울임 등의 설정을 위한 속성이다. 속성 설명 font-family 글자 종류 설정 font-size 글자 크기 설정 font-weight 글자 굵기를 설정 font-style 글자 스타일(이텔릭체)을 설정 font-family font-family 속성은 글자의 종류를 설정한다. 여러 개를 동시에 지정할 수 있으며, 첫 번째 font가 설치되어 있지 않은 경우 다음 지정한 font를 지정한다. 한글 font의 경우 문자열('')로 묶어주어야 한다. 대표 font 선택자 { font-family: Arial, Helvetica, sans-serif; } font-size font-size 속성은 글자의 크기를 설정한다. 절대단위(px, %, em)를 사용.. 2022. 3. 5. [CSS] Background Background 요소의 배경의 색상, 이미지, 위칰, 반복 등의 설정을 위한 속성이다. 속성 설명 기본값 background-color 배경색을 설정 transparent background-image 요소의 배경 이미지 설정 none background-repeat 배경의 반복 여부 repeat background-position 배경이 요소 배경 안에 표시되어야 하는 위치 설정 left top background-attachment 내용이 스크롤될 때 요소의 배경 동작 설정 scroll background-size 배경 이미지의 크기를 동적으로 설정 auto background background 속성의 축약 속성 background-clip 배경 이미지를 클리핑(오려내기) 하는 영역 설정 bor.. 2022. 3. 4. [CSS] 상속과 캐스케이딩 상속 상속이란 상위 요소에 적용된 속성을 하위 요소가 물려 받는 것을 의미한다. 속성 중에는 상속되지 않는 것과 상속되는 것이 있다. 속성 상속여부 width/height no margin no padding no border no box-sizing no display no visibility yes opacity yes background no font yes color yes line-height yes text-align yes vertical-align no text-decoration no white-space yes position no top/right/bottom/left no z-index no overflow no float no Web html css javascript Button.. 2022. 3. 3. [CSS] Visibility / Opacity Visibility 요소를 보이게 할지 보이지 않게 할지, 요소의 렌더링 여부를 결정하는 속성이다. visible : 요소를 보이게 한다. hidden : 요소를 보이지 않게 한다.(공간은 남아 있다.) collapse : table 요소에 사용하며, 행이나 열을 보이지 않게 한다. visibility 요소 visibility hidden 1 2 3 4 Opacity 요소의 투명도를 나타내는 속성이며 0.0(투명) ~ 1.0(불투명) 값을 가진다. Opacity 요소 2022. 3. 2. 이전 1 2 3 4 다음 728x90