[Deep Dive] CSS 기초 개념 완전 정복(3) - CSS 색을 표현하는 방법
·
☁️ 구름 x 카카오 Deep Dive 풀스택
CSS에서 색을 표현하는 방법들에 대해 알아보겠습니다.    색을 표현하는 방법?1. 색 이름Ex. black, red, blue, ...  2. RGB값RGB는 색상을 측정하는 보다 정확한 방법이다. 모든 색상을 빨강(R), 초록(G). 파랑(B)의 조합을 사용해서 만든다. RGB의 특징?RGB 숫자의 값은 0부터 255따지 표현할 수 있다. (0~255)Ex. rgb(0, 150, 255)Ex. rgb(0, 0, 0) => 검은색 Ex. rgb(255, 255, 255) => 흰  3. Hex값RGB를 작성하는 또 다른 방법 Ex. #0096FF Hax값의 특징?Hax의 모든 각 문자는 16진수로 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F (16개의 가능한 값..
[Deep Dive] CSS 기초 개념 완전 정복(2) - CSS 기본 속성
·
☁️ 구름 x 카카오 Deep Dive 풀스택
오늘은 자주 사용하는 CSS 기본 속성들에 대해 포스팅하려고 해요.  예시 코드는 내부 스타일 시트를 사용했습니다. 1. 백그라운드 색 지정- 색 이름: white, blue, black- rgb값: rgb(10. 150, 255)- Hax값: #FFFA00 2. 텍스트 색 지정- 색 이름: white, blue, black- rgb값: rgb(10. 150, 255)- Hax값: #FFFA00 3. 높이 지정- 픽셀 값: 50px- 퍼센티지: 100% 4. 너비 지정- 픽셀 값: 50px- 퍼센티지: 100% 5. border 제거 6. 모서리 둥글게 7. 요소 위로 마우스를 가져갈 때마우스 커서를 변경 8. 테두리 색상 설정 9 테두리 스타일 설정- dotted- dashed- solid 테두리 너비..
[Deep Dive] CSS 기초 개념 완전 정복(1) - CSS란?
·
☁️ 구름 x 카카오 Deep Dive 풀스택
오늘은 CSS에 대해 알아보는 시간을 갖겠습니다.  CSS(Cascading Style Sheet)란 무엇인가?CSS는 사용자에게 문서를 표시하는 방법을 지정하는 언어이다. ex) 스타일, 레이아웃 등. - MDN웹 사이트에서 화면에 표시되는 정보들을 꾸며주는 역할 즉, html은 문장의 구조를 만들고 css는 문장을 브라우저에 어떻게 보여줄지 지정하는 언어 이렇게 하여 구조와 디자인이 분리되었습니다.   📝 CSS를 사용하는 방법은?1. HTML 안에서 Style 속성을 이용 (인라인 스타일)=> 태그 안에 스타일 속성을 주고 속성값을 넣어주는 방법   2. 태그를 통해 HTML 문서 내부에서 이용 (내부 스타일 시트)=> 태그 안에 태그를 넣어주고 타입으로 "text/css" 속성값을 주는 방..