css3

[2021/12/22]국비지원 CSS3 4-(4) float

float : 위치 조정 / 주변에 영향 엄청나게 줌 float : left = 왼쪽에 붙이기 float : right = 오른쪽에 붙이기 clear : both = float을 주게 되면 기준점이나 밑에 깔리는 상위개체가 짜부되는 상황이 생기는데, 그 상황을 방지하고 형태를 유지하도록 할 때 주는 property값 float 1 Red Green Blue 결과물 1 float 2 Yellow Red Green Blue 결과물 2

[2021/12/23]국비지원 CSS3 5-(2) (구)우체국 사이트맵

구 우체국 사이트맵 ( 2013년 캡처본 ) 클론하기 원본 (노란 배경 무시) 작업내용 Home > 기타 > 사이트맵 고객서비스현장 고객만족도조사결과 서비스이행표준 CS스탠다드메뉴얼 CS리더 및 활동 칭찬합시다 CS동영상 고객불만 설문조아 CEO핫라인 행동강령신고 성희롱/성폭력신고 Q&ampA 제안해주세요 예산낭비신고센터 공지사항 입찰정보 행사안내 갤러리 기관동정 전자간행물 결과물 ( border red는 넣으라고 해서 넣은 거 ) 이 쯤 되면 디테일귀신 더보기 업로드 하면서 점점 드는 생각인데 국비지원 종특인거야 강사 특징인거야..? 연습은 구닥다리로 시키고 결과물은 현대판으로 만들어내야되고..?

[2021/12/23] 국비지원 CSS3 5-(1) 강원도청 2013년도 메인 공지 클론

강원도청 메인 일부, 2013년도 구닥다리 클론하기 원본 작업내용 "강원도의 운명을 바꿉시다"... POST-희망근로.하반기에 공동체 사업으로... 중국 대규모 수학여행단 도내 방문시작 제35대 이광재 강원도지사 취임사 방방곡곡 강원 콘테스트 UCC부문 우수상 강원마트 중소기업지원 구인/구직 소비자정보/상담 동트는 강원 그린투어리즘 축제/행사 강원관광모바일존 여성정보센터 반비다복카드 사회복지시설 자원봉사 결과물

[2021/12/22]국비지원 CSS3 4-(2) wah.or.kr 공지사항 마크업

이 날도 수업 중 과제가 2갠가 있었던 날.. 대상 사이트 웹접근성 연구소 (wah.or.kr) 대상 영역 ( 이미지로 봤던 것보다 더 현대화돼 있다..? ) index화면의 공지사항 파트 작업 내용 공지사항 제21년 웹 접근성 품질마크 ...2021-12-30 제21회 웹 접근성 품질마크 인증 사...2021-12-30 제21회 웹 접근성 품질마크 사용자심...2021-12-22 제21회 웹 접근성 품질마크 심사 일...2021-11-23 결과물

[2021/12/22]국비지원 CSS3 4-(1) position

position : z 축 상으로 위치 잡기 ( 레이어 개념 ) / 일반적으로는 주변에 영향을 크게 주지 않음 ( fixed 제외 ) position : relative = 밑에 깔리는 property, 상대 위치 상위 element나 기준이 될 element에 쓰임 position 비 지정된 일반 element을 밑에 깔고 그 위에 표시 가능 position : fixed = 지정 위치에 고정시켜버리기 ( 화면 스크롤 중에도 그 위치에 고정된 상태로 출력됨 ) position : absolute = 위에 덮는 property, 절대 위치 하위 element나 위에 올려서 같은 라인에 표현하고 싶은 element에 쓰임 offset : left, top, right, bottom z-index : 같은 ..