냐울당 햄버거 메뉴

목차

    반응형

    안녕하세요. 플입니다.

    오늘은 개발자 도구 중 css 체크박스 활용을 해볼게요.

     


     1.  css 체크박스 

    이것을 css 체크박스라고 부르는지는 잘 모르겠으나 

    제가 가리키는 것은 이 부분입니다. style탭에서 보면 홈페이지에 적용된 css를 쭉 볼 수 있어요. 

    각각 css 값 앞에 마우스를 올리면 체크박스가 나타납니다. 그 체크박스를 활용해볼게요.

     


     2.  체크박스 활용

    본격적으로 어떻게 활용하는지 알아볼게요.

    먼저 홈페이지의 원래 상태예요. 

     

    적용된 css 중 아무거나 하나를 해제해볼게요.

     

    바뀐 게 보이시나요?

     

    이런 식으로 하나씩 체크를 해제해보면서 어떤 기능을 하는지 알아볼 수 있어요.

    어디가 문제인가 하면서 하나씩 체크를 해제했다 체크했다가 하면서 찾을 수 있어요.

     

     


    그럼 이만.

    총총.

    반응형
    댓글
    위쪽 화살표
    도움이 되었다면 공감(하트)과 댓글을 부탁드려요.
    로딩바