데이터 LAB

CSS의 기본 2024.01.06 - [data lab] - CSS의 첫 시작, 기본 중의 기본 태그 모음 알아보기 (HTML CSS) 2024.01.11 - [data lab] - CSS 속성과 속성값 설명 CSS 태그 모음 CSS 속성과 속성값 설명 CSS 태그 모음 글꼴 관련 스타일 font-family 속성은 을 지정한다. 기본형 : font family: | [, ] ex) body { font-family: "맑은 고딕", 돋움, 굴림 } 기본형 기호 : | 의 중간이 뚫려있는, 마치 : 처럼 생긴 기호가 있는데, 일단 successdatalab.com 이어서, 블록 레벨 요소란, 태그를 사용해 요소를 삽입햇을 때 혼자 한 줄을 몽땅 차지하는 것을 가리킨다. 따라서 블록 레벨 요소의 좌측 혹은..

글꼴 관련 스타일 font-family 속성은 을 지정한다. 기본형 : font family: | [, ] ex) body { font-family: "맑은 고딕", 돋움, 굴림 } 기본형 기호 : | 의 중간이 뚫려있는, 마치 : 처럼 생긴 기호가 있는데, 일단 임의로 |로 표기하겠다. 이는 나열한 옵션 중 하나가 값이 되어야 한다는 의미이다. font-size 속성은 를 지정한다. font-size: | | | CSS 단위 종류 em 부모 요소 글꼴 대문자 M 너비 기준(1 em)으로 한 비율값 rem 문서 시작 부분(root)에서 지정한 크기를 기준으로 한 비율값 ex 해당 글꼴의 소문자 x의 높이를 기준 (1 ex)으로 한 비율값 px 모니터의 1픽셀을 기준(1px)으로 한 비율값 pt 포인트라고..

16진수로 색상을 표현하는 방식 color 속성은 글자색을 지정한다. 기본형 - color : 16진수 : 0부터 9까지의 10진수와는 다르게 0~9에 a~f 까지 총 16개의 기호로 나타내는 숫자의 크기이다. 가장 작은 것이 0, 가장 큰 것이 f 다. 웹 상에서 CSS가 색상을 표현하는 방식은 #RRGGBB 이다. 각 자리의 색이 하나도 없으면 가장 첫값인 00이고 가득 있으면 ff가 된다. 따라서 R 색이 하나도 없고 G 색이 가득있고 B 색이 하나도 없다면 #00ff00 이고, 이렇게 두자리씩 중복될 경우 #0f0 처럼 줄여 쓰는 것도 가능하다. hsl 과 hsla로 표현하는 방법 hsl은 Hue(색상)Saturation(채도)Lightness(명도)의 줄임말이며 뒤에 Alpha(명도)를 추가하면..