Records

2021-07-03 ( CSS, JavaScript )

지후0816 2021. 7. 5. 08:40

 

오늘 진행한 일정

- JavaScript 기초 69강까지 진행 ( 데스크톱 환경 / 모바일 환경에 대한 반응형 웹 )

 

 

JavaScript

- this 키워드

   // this는 클릭된 요소(.box-1클래스)를 의미한다.
   $('.box-1').click(fucntion(){
      $(this).addClass('active');
   });

 

TAILWIND CSS

1) h-full (= height: 100%) : 부모 요소의 height를 받아올 때 사용했다.


2) 탑바가 스크롤을 내렸을 때에도 따라다니게 하려면,
  .fixed inset-0 (bottom-auto)


3) 스크롤을 내렸을 때 배경색상이 변하는 효과
  background-image: linear-gradient(to bottom, #787878, #afafaf);