본문 바로가기

전체 글

과제-반응형 웹 만들고 이력서와 회원가입 페이지 연결하기 mainTest.html (메인페이지). 자유형식으로 만들기 Home About me Contact Lyrics 회원 가입 로그인 정보 아이디 비밀번호 비밀번호 확인 개인 정보 이름 메일 주소 연락처 블로그/홈페이지 가입하기 취소 join.css #container{ width: 70%; margin: 0 auto; } ul{ list-style: none; } ul li{ clear: both; } .field { float: left; width: 30%; line-height: 40px; text-align: right; margin-right: 15px; } input[type="text"],input[type="email"],input[type="password"], input[type="tel.. 더보기
반응형 웹 디자인 반응형 웹 디자인: 웹 사이트의 내용을 유지하면서 다양한 화면 크기에 맞게 웹 사이트 표시 뷰포트(viewport): 실제 내용이 표시되는 영역. 그리드 시스템: 화면을 여러 개의 칼럼을 나누고 필요할때마다 칼럼들을 묶어 배치하는 방법 가변 그리드 레이아웃: 전체를 감싸는 요소의 너비를 %로 변환 고정 그리드 레이아웃 가변 그리드 레이아웃 본문 사이드바 푸터 가변 이미지 .content img{ max-width: 100%; height: auto; } 더보기
DOM, BOM 문서 객체 모델(Document Object Model, DOM) 객체를 사용해 문서를 해석. 웹 문서의 요소를 부모/자식으로 구분. 인터넷 상품 페이지 (작은 사진 클릭하면 크게 보이기, 상세 설명 보기) 에디오피아 게뎁 상품명: 에디오피아 게뎁 판매가: 9,000원 배송비: 3,000원 (50,000원 이상 구매 시 무료) 적립금: 180원(2%) 로스팅: 2019.06.17 장바구니 담기 상세 설명 보기 상품 상세 정보 원산지: 에디오피아 지 역: 이르가체프 코체레 농 장: 게뎁 고 도: 1,950~2,000 품 종: 지역 토착종 가공법: 워시드 Information 2차 세계대전 이후 설립된 게뎁 농장은 유기농 인증 농장으로 여성의 고용 창출과 지역사회 발전에 기여하며 3대째 이어져 내려오는 오랜.. 더보기

티스토리툴바