데이터 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(명도)를 추가하면..

CSS가 뭔가요? HTML이 웹사이트의 내용을 작성하는 툴이라면 CSS는 사이트의 디자인을 작성하는 툴입니다. '반응형 웹사이트'라는 말을 들어보셨나요? CSS는 웹 브라우저의 크기와 모양에 따라서 화면의 레이아웃을 자동으로 바꿔주는 방법인 '반응형 웹 디자인'을 가능케합니다. PC용 페이지, 모바일용 페이지를 따로따로 만들지 않아도, 같은 내용에 다른 CSS만 적용되어서 사용자에게 맞는 화면을 표시한다는 뜻이죠. CSS는 Cascading Style Sheets 의 준말로, Castcade란 '위에서 아래로 떨어지는'이라는 뜻입니다. 이는 우선순위에 대한 내용으로, CSS는 가장 최근에 적용한 스타일을 최우선으로 적용하는 웹 디자인 툴입니다. 자세한 이야기는 밑에서 하겠습니다. 아래의 스크린샷은 유명한..