11일차 - 부트스트랩3, d-none과 h0으로 섹션 숨기기

밀레·2022년 10월 7일
0

코딩공부

목록 보기
38/135
post-thumbnail

1-1. display: none

id가 pricing인 요소 없애기

<style>		#pricing{ display: none; }		</style>

class가 .cta-form.bg-dark인 요소 없애기

<style>		.cta-form.bg-dark{ display: none; }		</style>

a태그.클래스(.공통클래스1.공통클래스2.공통클래스3) 해서 정확하게 없애기

<style>		a.btn.btn-block.btn-full-width{ display: none; }		</style>

1-2. d-none

너무 복잡해? 그럼 공통클래스 d-none!

<style>		.d-none{ display: none !important;}		</style>

1-3. 자바스크립트가 연결된 객체 숨기기

HTML CSS에서만 없애려면 d-none(제거)하면 됨. BUT 자바 스크립트에서 디버그 생김!!

vvv 창문만 닫고 걍 안보임. 화면에서만 없애버리는 방법! vvv

<style>

	.h0{
      height: 0 !important; overflow: hidden !important;
      margin: 0 !important; padding: 0 !important;
	}		
    
</style>


2. 스와이프 섹션을 Header란에 옮겨넣기

헤더 페이지에 스와이프 란이 생긴다


3. Header 배경 이미지 교체 + 불필요한 div(이미지) 삭제

0개의 댓글