Front-end/Css 6

Css 기초(실습) - AWS 풀스택 과정 15일차

오늘은 롯데월드 민속박물관 웹 사이트를 따라 만들어보겠습니다. ▣ 롯데월드 민속박물관 웹 사이트https://adventure.lotteworld.com/museum/main/index.do ※ 확장 프로그램웹 사이트 오른쪽 상단에 있는 확장 프로그램을 클릭한 후 image downloader를 다운로드 받으면 다른 웹 사이트에서 사용된 이미지들을 다운로드 받을 수 있습니다. ▣ reset.css/* reset.css */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd,..

Front-end/Css 2024.08.02

Css 기초(media) - AWS 풀스택 과정 13일차

오늘은 실습을 해보고, media에 대해서 배워보도록 하겠습니다 목차1.실습2.media3.예제 문제4.느낀 점 1. 실습▣ 배민 max-width - 엘리먼츠가 가질 수 있는 최대 크기의 값 - 화면의 크기가 커지더라도 엘리먼츠는 지정된 크기보다 더 커질 수 없음. - 레이아웃의 크기를 적절히 유지시키고 싶을 때 사용 min-width - 엘리먼츠가 가질 수 있는 최소 크기의 값 - 화면의 크기가 작아지더라도 엘리먼츠의 크기가 지정된 크기 이상 줄어들지 않음. - 컨텐츠의 손상을 막기 위해 사용  ▷ 출력 ◈ media Hello, HTML World..

Front-end/Css 2024.07.31

Css 기초(font, box, position) - AWS 풀스택 과정 11일차

오늘은 font, box, position에 대해서 배워보도록 하겠습니다. 목차1.font2.box3.position4.예제 문제5.느낀 점  1. font◈ font 속성 안녕하세요 Magnetic ※ "font google" 웹 사이트: 폰트, 아이콘을 이용할 수 있는 사이트- : html에 삽입 (1. header에 삽입, 2. style에 삽입)- @import : css에 삽입 (1. css에 삽입, 2. style에 삽입) ▷ 출력   ◈ border Hello Hello Hello※ div.class 단축키: .class 명 + 'Enter' =>  ▷ 출력 ◈ background ※ background-color 단..

Front-end/Css 2024.07.29