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);