HTML5

[2021/12/21]국비지원 CSS3 3-(6) 과제5 : nhn 사업영역 클론코딩

수업 중 과제 5 이 날의 마지막 과제 nhn 사이트 ( N사 본사 ) 사업영역 이미지 클론 코딩 더보기 인간적으로 우리 강사 N사 미친 듯이 사랑하는 듯..? 다음카카오는 들여다본 적도 없음 사용한 css3 padding margin font-size font-family width border text-indent overflow text-align border-collapse backgroun-color { text-indent : -9999px ; overflow : hidden; } = 자리는 있는데 그 줄에서 화면 밖으로 날리는 방식으로 숨김 처리하는 법 { border-collapse : collapse; } = table 태그에서 기본적으로 있는 각 셀의 border 간격 (1px 정도 공..

[2021/12/21]국비지원 CSS3 3-(5) 과제4 : navigation list-style

수업 중 과제 4 navigation 이미지를 보고 클론 코딩하기 원본 이미지 사용한 css3 list-style-type font-family font-size line-height width background (통합 property) border-top text-indent color (font-color) 작업내용 ( 담임강사가 후에 보여준 답안대로 수정한 내용 ) 품질마크 navigation 품질마크소개 품질마크 개요 인증 절차 인증위원회 인증심사기준 품질마크 심사 접수 신규심사 갱신심사 진행상태 확인 인증사이트 현황 인증사이트 통계 당시 결과물 = 업로드 직전에 캡처 뜨려고 하다 발견하고 이 꼬라지 용납 못 하는 디테일 강박환자 a { color } .nav>li>ul { padding-lef..

[2021/12/21]국비지원 CSS3 3-(2) 과제1 : nhn 일반공고게시판 마크업

수업 중 과제1 코드 들여다보니 header는 안 해도 된다고 해서 제외했었나보다 ( 기억에서 소멸됨 ) 당시 페이지 작업내용 일반공고 일반공고 공지사항 번호 제목 공시일자 31 신주 발행 및 기준일에 관한 공고 2021.12.16 30 제8기 결산공고 2021.03.23 29 제8기 정기주주총회 소집공고 2021.03.08 28 제7기 결산공고 2020.03.30 27 제7기 정기주주총회 소집공고 2020.03.13 26 전자증권 전환대상 주권 등의 권리자 보호 공고 2019.07.22 25 소규모합병 종료보고 공고 2019.07.03 24 소규모 합병에 따른 채권자이의 제출 공고 2019.05.28 23 소규모합병 공고 2019.04.19 22 소규모합병을 위한 기준일 및 주주명부 폐쇄기간 설정 공고..

[2021/12/21]국비지원 CSS3 3-(1) boxmodel

이 날은 이름이 붙은 파일이 많은 걸로 보아서 하루 종일 수업 중 과제가 주어지고 그 과제들 제출했던 날인 듯 boxmodel : 말이 박스 모델이지.. html div 설정하고, css3 속성으로 width, height, border, background-color, padding, margin 준 것 padding : 영역 내부 모서리와 내용물의 간격값 setting1> padding : 0px )) 모서리 4면 의 간격이 동일한 값 setting2> padding : 0px 0px )) 상하 좌우 setting3> padding : 0px 0px 0px )) 상 좌우 하 setting4> padding : 0px 0px 0px 0px )) 상 우 하 좌 setting5> 각각의 모서리 하나의 값만..

[2021/12/20]국비지원 CSS3 2-(6) border (테두리 선)

border : 테두리, 선. 해당 대상, 또는 영역을 다른 영역과 확실하게 구분 짓거나, 장식하기 위한 기능 border-width : 선 굵기 border-top-width border-left-width border-right-width border-bottom-width border-sytle : 선 종류 border-top-style border-left-style border-right-style border-bottom-style border-color : 선 색 border-top-color border-left-color border-right-color border-bottom-color 보더 border 선, 테두리 보더 border 선, 테두리 보더 border 선, 테두리 bord..