배너 유형 페이지 만들기 피그마에서 만든 디자인을 그대로 코딩해보도록 하겠습니다. 기본 CSS 리셋값 설정하기 CSS리셋 (CSS Reset)은 웹사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다. 초기 설정을 해두면 폰트라던지 마진, 패딩값이 먹혀서 편하겠죠?? /* reset */ * { margin: 0; padding: 0; } a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } img { vertical-align: top; width: 100%; } .blind { position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; ..

푸터 유형 페이지 만들기 피그마에서 만든 디자인을 그대로 코딩해보도록 하겠습니다. 기본 CSS 리셋값 설정하기 CSS리셋 (CSS Reset)은 웹사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다. 초기 설정을 해두면 폰트라던지 마진, 패딩값이 먹혀서 편하겠죠?? 푸터 섹션 구성해주기 푸터 향수 사이트 소개하기 향수 이미지 향수 지속시간 나만의 향수 커스텀 방법 향수 공방 지역별 공방 서울 지역 경기도 지역 강원도 지역 제주도 지역 향료의 이미지 꽃 시트러스 우디 비누 코튼 조향 TIP 조향 비율 어울리는 이미지 계절별 추천 분위기별 추천 오브제 공병 디자인 라벨 디자인 선물 포장 이용 정보 개인 정보 예약 문의 상담 문의 배송 문의 2023 여다슬 향수 사이트 Portfolio is Powe..

오늘은 텍스트 타입의 레이아웃을 만들어보겠습니다~!! 텍스트 유형 페이지 만들기 피그마에서 만든 디자인을 그대로 코딩해보도록 하겠습니다. 기본 CSS 리셋값 설정해주기 CSS리셋 (CSS Reset)은 웹사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다. 초기 설정을 해두면 폰트라던지 마진, 패딩값이 먹혀서 편하겠죠?? 텍스트 섹션 구성해주기 notice 향수 종류에 따른 지속력 오드퍼퓸(EDP) 오드퍼퓸(EDP)은 향수의 농도가 가장 높은 제품 중 하나로, 향수 성분의 농도가 약 15-20% 정도입니다. 따라서, 오드퍼퓸은 다른 향수에 비해 더 진하고 집중적인 향을 가지며, 오래 지속됩니다. 더보기 오드코롱(EDC) 오드코롱(Eau de Cologne)은 가장 가벼운 향수 중 하나이며, 향수..

오늘은 슬라이드 타입의 레이아웃을 만들어보겠습니다~!! 슬라이드 유형 페이지 만들기 피그마에서 만든 디자인을 그대로 코딩해보도록 하겠습니다. 기본 CSS 리셋값 설정해주기 CSS 리셋 (CSS Reset)은 웹사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다.초기 설정을 해두면 폰트라던지 마진, 패딩값이 먹혀서 편하겠죠?? 이런식으로 헤드 안쪽에 웹폰트와 스타일 선언을 해주어 기본 설정을 해줍니다. 슬라이드 섹션 구성해주기 메인 슬라이드 영역 event Custom making 향기의 원료, 어울리는 향기의 조합, 만드는 방법, 추후 보관 방법 등등 커스텀 향수에 관한 모든 정보를 공유합니다. 자세히보기 상담신청 이전 이미지 다음 이미지 첫번째 이미지 두번째 이미지 세번째 이미지 플레이 정지 ..

오늘은 이미지텍스트 타입의 레이아웃을 만들어보겠습니다~!! 이미지텍스트 유형 페이지 만들기 피그마에서 만든 디자인을 그대로 코딩해보도록 하겠습니다. 기본 CSS 리셋값 설정해주기 CSS 리셋 (CSS Reset)은 웹사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다.초기 설정을 해두면 폰트라던지 마진, 패딩값이 먹혀서 편하겠죠?? 이런식으로 헤드 안쪽에 웹폰트와 스타일 선언을 해주어 기본 설정을 해줍니다. 이미지텍스트 섹션 구성해주기 NOTICE 향수의 다양한 원료들 향수의 원료는 여러 가지가 있습니다. 이 중 몇 가지를 예로 들어보면 다음과 같습니다. 꽃: 장미, 라벤더, 철쭉, 백합, 오렌지 꽃 나무: 삼나무, 향나무, 피나무, 쟁반나무, 코나쥬 향신료: 고추, 크로뮴, 페퍼민트, 카르다몸..

오늘은 이미지 타입의 레이아웃을 만들어보겠습니다~!! 이미지 유형 페이지 만들기 피그마에서 만든 디자이늘 그대로 코딩해보도록 하겠습니다. 기본 CSS 리셋값 설정해주기 CSS 리셋(CSS Reset)은 웹 사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다. 초기 설정을 해두면 폰트라던지 마진, 패딩 값이 먹혀서 편하겠죠? 이런식으로 헤드 안쪽에 웹폰트와 스타일 선언을 해주어 기본 설정을 해줍니다. 그리고 바디 안쪽에 섹션들을 나누어주겠습니다. 바디 부분에 이미지 타입 섹션들을 지정해주고 CSS를 설정해줍니다. (제목, 설명글 등등) 구역을 잘 나눠주고 이름을 지정해줘야 나중에 CSS를 설정할 때 효율성이 좋습니다! section태그와 h2태그, p태그, div태그에 각각 class로 이름을 지..

오늘은 카드 타입의 레이아웃을 만들어보겠습니다~!! 카드 유형 페이지 만들기 피그마에서 만든 디자인을 그대로 코딩해보도록 하겠습니다. 기본 CSS 리셋값 설정해주기 CSS 리셋(CSS Reset)은 웹 사이트의 스타일링을 일관되게 만들기 위해 사용되는 기술입니다. 초기 설정을 해두면 폰트라던지 마진, 패딩값이 먹혀서 편하겠죠?? 이런식으로 헤드 안쪽에 웹폰트와 스타일 선언을 해주어 기본 설정을 해줍니다. 그리고 바디 안쪽에 섹션들을 나누어주겠습니다. 카드 타입 섹션들을 지정해주고 CSS를 설정해줍니다. (제목, 설명글 등등) 향수, 그 날의 기분 향수는 보통 향기로 연결되어 있는데, 향수의 이미지는 여러 가지로 표현될 수 있습니다.향수나 화장품의 조향은 소비자에게 매우 중요한 요소 중 하나입니다. 좋은 ..