반응형 사이트 만들기9 메가박스 사이트 만들기 05 - 배너 - Swiper.js 메가박스 전체메뉴 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 최신 영화 소식 전체메뉴 필름 소사이어티 클래식 소사이어티 고객센터 멤버쉽 VIP 상영시간표 빠른 예매 Slide 1 Slide 2 Slide 3 2019. 12. 22. 메가박스 사이트 만들기 04 - 헤더 반응형 - 모바일 메뉴 메가박스 전체메뉴 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 최신 영화 소식 전체메뉴 필름 소사이어티 클래식 소사이어티 고객센터 멤버쉽 VIP 상영시간표 빠른 예매 2019. 12. 22. 메가박스 사이트 만들기 03 - 배너 영역 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 최신 영화 소식 전체메뉴 필름 소사이어티 클래식 소사이어티 고객센터 멤버쉽 VIP 상영시간표 빠른 예매 ♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡정리♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡ 접근성을 위해 각섹션마다 각각의 제목태그가 있어야 한다. 접근성을 위해서 ir효과를 주어서 안보이게 해준다. 이미지는 img태그와 background-image속성을 통해 표현 할 수 있다. 즉 이미지는 의미가 있다면 img 태그로 표현하고, 이미지의 의미가 없다면 CSS속성으로 표현하지만 의미가 있는 이미지도 CSS속성으로 표현할 수 있다. background를 통해 이미지를 표현하면 대체 문자를 표현 할 수 없지만 (art태그를 쓸 수 없기 때문에) IR기법은 대체 .. 2019. 12. 19. 메가박스 사이트 만들기 02 - 헤더 영역 영화 큐레이션 영화관 특별관 스토어 이벤트 로그인 ♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡정리♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡ 구조가 깨진다는건 하이트 값이 없다는것이다. 블록구조는 한 영역을 차지한다. 즉 오른쪽에 누가 오는걸 싫어한다. 인라인은 그 반대. 그래서 블록구조는 오른쪽을 정렬시켜주려면 float의 도움이 필요하다. float을 사용하면 사용한 상위 박스(플롯을 감싸고있는)의 하이트값이 0으로 설정이 된다. 즉, 영역이 사라진다. 이 문제를 해결하려면 영역을 다시 살려줘야 한다. 하이트 값을 인식할 수 있도록 해주어야 한다. 1. 똑같이 float을 사용한다. 2.clear:both;를 사용한다. 3. 상위박스한테 overflow:hidden;을 사용한다. 4. clearfix를 만들어 사용한다. cl.. 2019. 12. 18. 이전 1 2 3 다음 반응형
