CSS) Colors and Variables
2020. 10. 30. 00:48
Frontend
3가지 컬러 적용 방법 1. 컬러코드 2. rgb rgba (알파) 얼마나 투명하게 만들지 정하기 :root 모든 근원, 출발점 반복적인 것이 많을 때, 근원을 바꾸기 var로 컬러를 변수에 저장하기 색깔만 아니라 다른것도 적용가능 css custom properties 검색 developer.mozilla.org/en-US/docs/Web/CSS/--*
CSS) pseudo selector -3 ( placeholder, selection, first-letter)
2020. 10. 30. 00:32
Frontend
placeholder 선택 selection first-letter first-line
CSS) States (active, hover, focused, visited selector)
2020. 10. 30. 00:23
Frontend
active 클릭을 할때 색깔이 바뀌게 하기 hover 마우스가 대상 위에 있을 때 focus 키보드로 있을 때 작용( hover 는 마우스가 있을 때) visited 링크있을 때만 사용가능 링크를 누루고 나면 적용 복수개 적용 focus-within Input들 중 하나가 focused가 되면 form의 모습을 바꾸는 것 form:hover input form이 호버가 되었을때 input의 배경색이 sienna form이 호버가 된 상태에서 input이 focused가 되는 것
CSS) Pseudo Selector-2 ( attribute selector)
2020. 10. 29. 23:40
Frontend
형제인데, 바로 옆이 아닌 것을 선택할 때 1) p span 2)p > span 3)p + span 4)p ~ span attribute selector optional 과 required attribute name이라는 단어를 포함한 모든 input ~ 는 contain 이라는 의미 그밖에 * all, 또는 포함하는 ~ contain ^ start (로 시작하는) $ end ( 로 끝나는)