< Code diaries />

CSS Colors  CSS에서 컬러를 주는 방법은 다양합니다.16진수 Hex 코드, RGB 값, 영문이름으로 된 컬러, HSL 값 등입니다.기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다.  A. 영문명으로 지정하기- 영문명은 아무거나 적는 것은 허용되지 않고, 브라우저에서 공통으로 지원되는 140여개의 컬러값을 사용합니다. [ 아래의 컬러표 상세보기 ]  B. 16진수(HEX) 코드로 지정하기- RGB컬러값을 16진수로 변환한 6자리 코드를 사용하며 '#'으로 시작합니다.- 대소문자 구문이 없습니다.- 축약형으로 사용이 가능하다.- 16진수는 계산기(개발자모드)를 이용하면 쉽게 구할 수 있습니다.- 또는, 변환을 제공해주는 사이트를 이용 합니다. 10진수를 16진수 코드로 변경해주는 ..

CSS Text Properties  오늘부터는 이전에 배운 셀렉터를 이용하여 원하는 태그에 스타일링 하는 법을 공부해 봐요.스타일링은 포토샵이나 일러스트, 피그마의 툴박스의 기능과 거의 동일한 부분이 많다고 보면 됩니다.하여 디자인을 하셨던 분이 개발을 할경우 CSS는 기가막히게 빨리 익히는 이유도 바로 그것이죠~!하지만 요즘은 누구나 그래픽툴 한번쯤은 써보는 세상아닙니까? 모두 빨리 익히실 수 있어요~ ^^오늘은 글자에 관련된 스타일링을 한번 알아보겠습니다. 상세한 스펙을 보시려면 w3schools.com 에 잘 정리되어있는 CSS Property page를 걸어둘게요~https://www.w3schools.com/css/css_text.asp   A. Text 관련 CSS글자에 관련된 속성입니다. ..

CSS Pseudo Selectors  CSS는 브라우저가 해석한 HTML DOM 트리구조를 기준으로 HTML tag를 스타일링 합니다.이때에 어떠한 태그를 선택하여 스타일링 할지 선택해야하는데요, 이것을 우리는 셀렉터(선택자)라고 부릅니다.가상클래스(Pseudo Class)는 독립적으로 사용하기 보다, 특정한 태그 뒤에 붙어서 보통 사용하게 됩니다.CSS는 참 많은 셀렉터와 방식이 있는데요, 한번 알아봅시다~! 저는 자주쓰이는 것 위주로만 정리를 해놓을거라, 전체적으로 Selector를 보시려면 w3schools.com 에 잘 정리되어있는 CSS Selector 표를 링크 걸어둘게요~https://www.w3schools.com/cssref/css_selectors.php CSS  Syntax  A. ..

CSS Pseudo Selectors  CSS는 브라우저가 해석한 HTML DOM 트리구조를 기준으로 HTML tag를 스타일링 합니다.이때에 어떠한 태그를 선택하여 스타일링 할지 선택해야하는데요, 이것을 우리는 셀렉터(선택자)라고 부릅니다.가상클래스(Pseudo Class)는 독립적으로 사용하기 보다, 특정한 태그 뒤에 붙어서 보통 사용하게 됩니다.CSS는 참 많은 셀렉터와 방식이 있는데요, 한번 알아봅시다~! 저는 자주쓰이는 것 위주로만 정리를 해놓을거라, 전체적으로 Selector를 보시려면 w3schools.com 에 잘 정리되어있는 CSS Selector 표를 링크 걸어둘게요~https://www.w3schools.com/cssref/css_selectors.php CSS  Syntax  A. ..

CSS Pseudo Selectors  CSS는 브라우저가 해석한 HTML DOM 트리구조를 기준으로 HTML tag를 스타일링 합니다.이때에 어떠한 태그를 선택하여 스타일링 할지 선택해야하는데요, 이것을 우리는 셀렉터(선택자)라고 부릅니다.가상클래스(Pseudo Class)는 독립적으로 사용하기 보다, 특정한 태그 뒤에 붙어서 보통 사용하게 됩니다.CSS는 참 많은 셀렉터와 방식이 있는데요, 한번 알아봅시다~! 저는 자주쓰이는 것 위주로만 정리를 해놓을거라, 전체적으로 Selector를 보시려면 w3schools.com 에 잘 정리되어있는 CSS Selector 표를 링크 걸어둘게요~https://www.w3schools.com/cssref/css_selectors.php CSS  Syntax  A. ..

CSS Selectors  CSS는 브라우저가 해석한 HTML DOM 트리구조를 기준으로 HTML tag를 스타일링 합니다.이때에 어떠한 태그를 선택하여 스타일링 할지 선택해야하는데요, 이것을 우리는 셀렉터(선택자)라고 부릅니다.CSS는 참 많은 셀렉터와 방식이 있는데요, 한번 알아봅시다~! 저는 자주쓰이는 것 위주로만 정리를 해놓을거라, 전체적으로 Selector를 보시려면 w3schools.com 에 잘 정리되어있는 CSS Selector 표를 링크 걸어둘게요~https://www.w3schools.com/cssref/css_selectors.php CSS  Syntax   A. 태그 선택자- 태그선택자는 말 그대로 태그명을 직접적어서 선택하는 것입니다.- 아래처럼 문서의 모든 태그의 글자색을 're..