그린그린티라떼

.main-nav__item a { text-decoration: none; color: #0e4f1f; } .main-nav__item a:hover { color: white; } .main-nav__item a::after { content: ' after'; color: pink; } navbar에 들어있는 a태그만 style 변경해줄 때 이런 식으로 주면 깔끔하다.

block 요소는 블록 요소 상자를 생성하여 전후에 줄 바꿈을 생성해준다. inline 요소는 앞이나 뒤에 줄 바꿈을 생성하지 않는 하나 이상의 인라인 요소 상자를 생성한다. 정상적인 흐름에서는 공간이 있으면 다음 요소가 같은 줄에 있다. inline-block 요소는 단일 인라인 상자인 것처럼 주변 콘텐츠와 함께 블록 요소 상자를 생성합니다. inline과의 주요 차이점은 요소에 너비와 높이를 설정할 수 있다는 것이다. block과의 가장 큰 차이점은 요소 뒤에 줄 바꿈을 추가하지 않기 때문에 요소가 다른 요소 옆에 놓일 수 있다는 것이다. See the Pen Untitled by syoungee (@syoungee) on CodePen.

우아아🥰🥰 요새 이벤트 당첨될 기회가 많지 않아서 생각도 못하고 있었는데 완전 행복해🤍🤍 카뱅 감사합니다🫶🏼🫶🏼

코로나 걸린 이후 환절기면 알레르기 비염 증상이 나타난다🥹🥹 나만 아는 불편함.. 감기 아닌데 컨디션은 급급떨어지고.. 당근사과 주스 매일 마시면 체내 독소 다 빠지고 간 좋아지고 눈 좋아지고 비염 좋아지고... 많이 먹어서 나쁠 게 없다고 한다🥰🥰🌟🌟 요새 헬스장 다닌다고 동물성 단백질 열심히 챙겨먹었는데 체지방만 늘고 오히려 몸은 무거워지고 피곤한 느낌이 없지 않다 내일 마트가서 당근 사와야지🥕🥕 믹서기에 갈 때에는 사과 먼저 돌리고 당근 돌리기! 그래야 잘 갈린다고 한다😎 건강챙기기 식단편 많관부💚

여백 상쇄? 두 요소의 여백이 겹칠 때 더 큰 여백으로 대체되는 것 예) 첫번째 div의 padding-bottom, 두번째 div의 padding-top의 경우 둘 중 더 큰 쪽의 padding을 적용하고 나머지 padding은 상쇄된다. 축약 프로퍼티로 작업(short property) border: 2px dashed orange 순서는 상관 없다(속성이 다르기 때문) 줄이지 않았으면 border-width: 2px border-style: dashed | solid border-color: orange 이렇게 작성해야된다. margin: 5px 10px 5px 10px(위 오른쪽 아래 왼쪽) margin: 5px 10px 로 축약 가능 margin: 10px 10px 10px 10px margin..

두구두구! 23년 첫 당일치기 교외 나들이를 곤지암으로 출발~ 500-2번 버스를 타고 내려서 택시타고 들어갔다~! 입장은 미리 예약을 해야된다 카카오톡으로 당일 qr코드가 전송되는데 입장 시간 2시간 전부터 입장이 가능하다고 한다 오후에 가면 사람 너무 많을 것 같다 우리는 딱 10-11시 사이에 가서 적당했다🥰🥰곤돌라타고 올라와서 시작된 등산코스 모노레일은 초입에서 1~3코스 가는 길로 예매했다 1인 기준 7500원이었던 듯?진달래 코스🌸🌸수선화코스🌼🌼 수선화는 초입에서 화담숲 소개 안내글 판플렛 들고 돌아다니면서 5개의 도장을 모으면 선물로 증정하고 있었다☺️☺️ 열심히 등산하면서 모아보자구🌱🌱왜 이렇게 더운데 벚꽃 안피었지?!? 싶지만! 벚꽃은 3코스 근처에만 있는 것 같다..두둥..리프트 타고 ..

오늘부터 시작인 카카오뱅크 굿모닝 챌린지2 로그인했는데 도장이 안찍힌다 다음 날 찍히는 시스템인가?🤔🤔이렇게 성공한 사람 숫자는 올라가는데! 어떻게 하는거야! 조금 기다리면 1원 입금 알람이 오더라구요! 🔔 day1 성공!

CSS Rules - 선택자('스타일링하는 대상')과 선언('스타일링 방법')의 조합이다. class="page-title" - .page-title{...}로 이 요소를 선택 가능하다. Specificity - 명시도는 여러 CSS규칙이 동일한 요소를 대상으로 할 때 발생하는 충돌을 해결하는 것이 핵심 결합자? 두 선택자를 의존적인 방식으로 결합할 수 있게 하는 CSS기능 CSS inline style을 사용하면 안 되는 이유는? 코드 유지와 예측이 어려워지기 때문 ex)

~ General Sibling h2 ~ p { color: red; } p요소가 h2요소 다음에 와야 함, 하지만 바로 위치해야되는 것은 아님 > Child div ~ p { color: red; } div의 직속 자식이 p태그에만 해당 스타일을 적용시킨다. div div article p 순으로 내려간다면 가장 안쪽의 p는 스타일이 적용되지 않는다. (아무런 기호 없이) Descendant div p { color: red; } div태그 아래의 모든 자식에 p가 있기만 하면 된다. div div article p 순으로 내려간다면 가장 안쪽 p도 스타일이 적용된다.

➕ Adjacent Sibling h2 + p { color: red; } Not applied CSS applied Not applied CSS applied CSS applied된 부분의 글씨만 빨간색으로 바뀐다.