# active

[코코아클론] chat창_message input 만들기
position: absolute -> 부모(조상) 요쇼를 기준으로 배치position: relative -> 요소 자기 자신을 기준으로 배치참고부모요소>자식요소 특정 부모 요소를 지정해, 그 부모의 첫번째 자식요소만 지정참고box-sizing: border-box테두

Navbar에서 Active Tintcolor 구현하기 (feat. Next.js 13)
Navbar에서 특정 메뉴를 클릭했을 때 현재 위치에 따라서 해당 메뉴에 데코레이션 효과가 들어가있는 것을 많이 보았을 것이다. (아래 사진과 같다.)이러한 효과를 구현하고 싶은데 이 효과의 이름이 무엇인지를 몰라서 헤매다가 'navbar active'를 검색했더니 이

선택자 3
:first-child 와 비슷해 보이지만 약간 다른 선택자다.형제 요소 중 자신의 유형과 일치하는 제일 첫 요소를 취급한다.즉, first-child는 모든 형제 요소중 첫 요소라면 first-of-type은 지정해서 선택한 것과 일치하는 형제 요소 중 첫 요소이다.

active-standby(active-passive)
단일 자원(장비)으로만 서비스를 하는 경우, 해당 자원에 문제가 생기는 경우 서비스가 중단 된다.서비스의 중단은 대부분의 서비스에 매우 치명적이며, 따라서 지금은 이런 서비스 중단을 대비하기 위해 자원을 "이중화" 하는 것이 기본으로 받아들여지고 있다.여기서 "이중화"

🎉 가상 클래스 선택자
!youtubeUK9GF5Kg\_\_A:link - 방문한 적이 없는 링크:visited - 방문한 적이 있는 링크:hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭했을 때 위의 선택자는 순서대로 지정하는 것이 좋습니다. 특히 visited의 경우

CSS 2.박스 모델
박스의 크기 박스 너비 = 내용물(content)너비+왼쪽 패딩+오른쪽 패딩+왼쪽 CSS테두리 테두리 스타일(모양), 색상,두께,둥근 테두리 지정 가능 => 모서리별 다른 스타일,두께 가능 border스타일 지정해야 다른 속성 사용 가능 각 변 별로