kimyws

보호되어 있는 글입니다.

■ A조 : 홈페이지(향수)○ 발표 : 김학현, 남승연○ 조원 : 김가영, 김다나, 김학현, 남승연  ■ B조 : 홈페이지(향수)○ 발표 : 엄지혜○ 조원 : 박예지, 엄지혜, 윤지희, 장윤희 ■ C조 : 홈페이지(화장품)○ 발표 : 김민정, 이수빈○ 조원 : 김민정, 김혜원, 송다은, 이수빈 ■ D조 : 홈페이지(쇼핑)○ 발표 : 백재훈, 성정현○ 조원 : 백재훈, 성정현, 이연정 ■ E조 : 홈페이지(렌즈)○ 발표 : 박예은, 이재아○ 조원 : 김나현, 박예은, 이연아, 이재아

■ 피그마 설치○ 피그마 사이트 ○ 피그마 로그인(구글과 연계) ○  피그마 다운로드  ■ 피그마 실행 / 주요 툴 ○  새 파일 만들기- 단축키 Ctrl + N- 위 메뉴에서 Design file 누르기  ○  이름변경- 위의 이름을 클릭하면 이름을 변경할 수 있다.  ○  확대 축소-  Ctrl + 마우스 휠- +, - 키- Ctrl + 0 : 100% 크기- 크기 수치조정  ○  이동과 크기- Move : 단축키 V : 이동을할 수 있는 툴- Scale : 단축키 K : 오브젝트의 크기를 변경하는 툴  ○  Frame, Section, Slice- Section : 아트보드를 전체 관리하는 부분 단축키 Shift + S- Frame : 아트보드 영역, 하나의 화면을 의미 단축키 A- Slice : ..

■ 이미지 top변경으로 내려오는 이미지 만들기  ○ 코드펜 확인 ○ HTML ○ Css.wrap{ width: 80%; margin: 0 auto;}header{ height: 200px; background-color: rgb(201, 44, 44); position: relative; z-index: 2;}main > .cts{ width: 20%; margin: 0 auto; background-color: red; position: ..

HOME PAGE 홈페이지 회사소개 회사역사 혁신기업 가구 의자 책상 소파 책장 침대 ..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

1메뉴 1 2메뉴 1 2메뉴 2 2메뉴 3 1메뉴 2 2메뉴 1 2메뉴 2 2메뉴 3 1메뉴 3 2메뉴 1 ..

■ position ○ position문서상의 요소를 배치하는 방법을 정의position이 요소의 배치방법을 결정하면top, bottom, right, left가 최종 위치를 결정-> 위치 지정은 필요에 따라 선택적으로 사용 ○ position 속성값속성값의미static(정적)기본값, 요소를 일반적인 문서 흐름에 따라 배치relative(상대적)일반적 문서 흐름에 따라 배치, 상하좌우 위치 값에 따라 오프셋 적용absolute(절대적)일반적 문서 흐름에서 제거가장 가까운 position 지정 요소에 대해 상대적으로 오프셋 적용fixed(결정된)일반적 문서 흐림에서 제거, 지정한 위치에 고정된다.sticky일반적인 문서 흐름에서 제거, 스크롤 동작이 존재하는 가장 가까운 요소에 오프셋 적용 ○ relati..

■ display 속성 none block inline inline-block 보이지 않음 블럭 인라인 인라인 블럭 ○ 인라인 요소 - 위치 같은 줄에 나란히 배치, 이전요소 바로 뒤에서 시작 - 크기는 콘텐츠의 너비만 차지 즉 너비와 높이를 직접 설정할수 없음 - 여백 상하 여백 미적용 또는 예상과 다르게 작동, 좌우여백은 적용 ○ 블록 요소 - 새 줄에서 시작 사용 가능한 전체 너비를 차지, 다음요소는 블록 아래에 새줄로 배치 - 크기는 부모 요소의 전체 너비를 차지 너비와 높이 직접 설정 가능 - 여백은 상하 좌우 모든 방향의 여백 적용 ○ 인라인 - 블록 요소 - 인라인 요소처럼 같은 줄에 나란히 배치, 블록 요소처럼 너비와 높이를 지정가능 - 크기는 콘텐츠의 너비만 차지 명시적으로 너비 높이 설..