[HTML] 퍼블리싱 작업 순서 전체 아웃라인 작업 각 태그별 class사이즈 조절 태그별 중복없도록 구성 각 입력파트 구현, 입력파트에 맞는 class적용 세부 사이즈 및 여백 공간 조절 2022. 7. 11. [HTML] 문법 정리13 hover:마우스 올렸을 때 백그라운드 컬러 바뀜 부모 태그에 width값이 없을경우 100%적용됨(빈 공간까지 모두 사용하기 때문에 작동 오류가 일어날 수 있음) 자식 태그와 같은 width값을 맞춰주는게 좋음 float를 사용하지 않을 경우, height는 자동 적용 padding사용시 적용한 픽셀값만큼을 width값에서 빼줘야함 hover:마우스를 메뉴 위에 올렸을 때 백그라운드 컬러가 바뀜 HTML 삽입 미리보기할 수 없는 소스 1 2 3 4 5 1 2 3 4 5 2022. 7. 10. [HTML] 문법 정리12 margin-left, margin-bottom, float:정렬 margin-left:10px, margin-top:10px margin-bottom:10px margin-bottom:자신을 기준으로 아래쪽에 있는 오브젝트를 밑으로 밀어냄 margin:시계방향으로 margin을 적용할 수 있음 float: left, right, center HTML 삽입 미리보기할 수 없는 소스 1 2 3 4 5 2022. 7. 10. [HTML] 문법 정리10 Class(style 사용하기 위한 속성) id(javascript), name(Backed) class: style 사용하기 위한 속성 id:javascript name:backend 자바스크립에서id사용지양 class만 사용 HTML 삽입 미리보기할 수 없는 소스 2022. 7. 10. [HTML]문법 정리9 ui,li 목차 리스트 태그, oi 숫자 리스트, span 공간오브젝트 strike 취소선 ui:목차 리스트 li개수만큼 목차 추가 ol:목차 숫자 리스트,li개수만큼 목차 추가 border-stytle:solid(외곽선) border-width:선두꼐 border-color:선색상 display:출력형태 구분 block(출력), none(안 보임) div:sapn과 동일한 레이아웃 태그 단, display사용 안 해도 사이즈 변경 가능 strike:취소선 2022. 7. 10. 이전 1 2 3 4 5 다음
