CSS 2

TIL : CSS Selector

이미 CSS TIL을 작성할 때 기본적인 셀렉터로 #과 .에 대해 다뤘었다. 그러나 이건 정말 기본적인 셀렉터이고 twittler 목업을 구현하면서 배운 셀렉터에 대해 더 다뤄보려고 한다. 전체 셀렉터 * {} //자식 셀렉터에도 사용할 수 있다. Tag 셀렉터 A, B {} id 셀렉터 #idname {} class 셀렉터 .classname {} attribute 셀렉터 (참고) A [attr] //특정 속성을 갖는 모든 요소 선택 A [attr=value] //지정값과 속성값이 일치하는 모든 요소 선택 A [attr~=value] //띄어쓰기로 구분되었을 때, 〃 A [attr|=value] //하이픈(-)으로 구분되었을 떄, 〃 A [attr^=value] //속성값 중 지정값으로 시작하는 모든 ..

TIL 👩🏻‍💻 2021.03.20

TIL : CSS

1. CSS란? 구조적인 문서를 어떻게 시각적으로 표현하는지에 대한 언어 (독립적으로 기능 X -> HTML에서 href 속성으로 연결) 2. CSS 구조 ☆ 각 속성과 속성 사이는 반드시 세미콜론(;)으로 구분!! 3. CSS 속성 color : 글자 색 변경 (이미 정의된 색, 16진수 색상 코드, RGB 색상 등) / 배경 색 : background-color font : 글자 글꼴, 크기, 굵기(weight) 등을 변경 .input { font-family: "monospace", "NanumGothic", "Consolas"; } //글꼴은 쉼표로 구분해 순서대로 표현하고 싶은 글꼴이 없을 때에 대비책으로 사용된다.(fallback) .input { font-weight: 숫자 (100 ~ 90..

TIL 👩🏻‍💻 2021.03.06