본문 바로가기

HTML5 & CSS355

[HTML5 & CSS3] 실습 - 고양이 분양 페이지 (심화) 사이트 소개 고양이 분양 고양이 자랑 고객센터 품종 : 러시안블루 성별 : 남 나이 : 1살 분양가 : 100만원 품종 : 아메리칸 숏헤어 성별 : 여 나이 : 3개월 분양가 : 50만원 품종 : 코리안 숏헤어 성별 : 남 나이 : 2살 분양가 : 5만원 품종 : 페르시안고양이 성별 : 남 나이 : 1살 분양가 : 1000만원 품종 : 브리티쉬숏헤어 성별 : 남 나이 : 1살 분양가 : 20만원 caption으로 글자를 묶어서 관리했다. id에는 #를, class에는 .를 쓰는게 아직 헷갈려서 조금 헤맸다. 2021. 2. 15.

[HTML5 & CSS3] 실습 - 고양이 자랑 페이지 만들기 조건) 폼으로 제작할것! 들어갈 내용▼ 고양이 이름, 주소선택(서울, 부산, 대구, 광주, 인천), 성별, 좋아하는 것(생선, 고기, 우유, 통조림), 사진 첨부, 주인 이름, 메일, 상세 설명 사이트 소개 고양이 분양 고양이 자랑 고객센터 이름 주소 주소 서울 대전 대구 광주 인천 성별 성별 남자 여자 좋아하는 것 좋아하는 것 생선 고기 우유 통조림 주인이름 메일 상세설명 파일첨부 자랑하기 2021. 2. 15.

[HTML5 & CSS3] 실습 - 고양이 분양 페이지 만들기 조건) 이미지 최소 3장 이상. 텍스트: 품종, 성별, 나이, 분양가 사이트 소개 고양이 분양 고양이 자랑 고객센터 품종 : 러시안블루 성별 : 남 나이 : 1살 분양가 : 100만원 품종 : 아메리칸 숏헤어 성별 : 여 나이 : 3개월 분양가 : 50만원 품종 : 코리안 숏헤어 성별 : 남 나이 : 2살 분양가 : 5만원 품종 : 페르시안고양이 성별 : 남 나이 : 1살 분양가 : 1000만원 품종 : 브리티쉬숏헤어 성별 : 남 나이 : 1살 분양가 : 20만원 2021. 2. 15.

[HTML5 & CSS3] 과제 과제) PC, 태블릿, 모바일에서 화면이 각각 다르게 보이게 출력하라. (반응형 웹) 학교 소개 모집 과정 과정 소개 입학 상담 2021. 2. 15.

[HTML5 & CSS3] 플렉스 박스 항목 배치를 위한 속성들 ▶ 플렉스 박스 항목 배치를 위한 속성들 플렉스 박스 레이아웃에는 여러 플렉스 항목들이 있는데 일괄적으로 한꺼번에 배치하거나 주축이나 교차축을 기준으로 다양하게 배치할 수 있다. *justify-content 속성 - 주축 기준의 배치 방법 지정하기 justify-content 속성을 이용하면 플렉스 항목을 주축 방향으로 배치할 때의 배치 기준을 지정할 수 있다. 기본형) justify-content : flex-start | flex-end | center | space-between | space-around *align-items 속성, align-self 속성 - 교차축 기준의 배치 방법 지정하기 align-items 속성과 align-self 속성을 이용하면 주축뿐만 아니라.. 2021. 2. 15.

[HTML5 & CSS3] 플렉스 박스 레이아웃 *플렉스 박스 레이아웃이란? 플렉스 박스 레이아웃이란 그리드 레이아웃을 기본으로 해 플렉스 박스를 원하는 위치에 배치하는 것이다. 이 플렉스 박스를 이용하면 여유 공간에 따라 너비나 높이, 위치를 자유롭게 변형할 수 있다. 따라서 화면 크기에 따라 레이아웃의 배치나 크기를 조절해야 할 때 편리하게 사용할 수 있다. *display 속성 - 플렉스 컨테이너 지정하기 플렉스 박스 레이아웃을 만들려면 먼저 웹 콘텐츠를 플렉스 컨테이너로 묶어 주어야 한다. 즉, 배치하려는 웹 요소들이 있다면 그 요소들을 감싸는 부모 요소를 만들고 그 부모 요소를 플렉스 컨테이너로 만들어야 한다. 이 때 특정 요소가 플렉스 컨테이너로 동작하려면 display 속성을 이용해 플렉스 박스 형태를 지정해야 한다. .. 2021. 2. 14.

이전 1 2 3 4 5 ··· 10 다음

티스토리툴바