css3

[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..

[2021/12/20]국비지원 CSS3 2-(5)-{2} a link (하이퍼링크)

가상 클래스 ( psuedo-class ) :link : 아직 방문하지 않은 링크 ( 브라우저 상의 기록이 없는 경우 default 색상 파란색 ) :visited : 이미 방문한 링크 ( default color : 보라색 ) :active : 마우스 클릭한 상태 :focus : 클릭당하고 주목받은 상태 ( 그 외 :first-child / :nth-child / :first-of-type 등이 있으나 후에 한 번 더 정리해서 올릴 예정 ) menu menu menu menu 결과물 1. hover 전 2. 각각 hover 후

[2021/12/20]국비지원 CSS3 2-(5)-{1} a link (하이퍼링크)

가상 클래스 (psuedo-class) : 출력할 html 데이터 상 실질적으로 형태가 없는 것을 지정하는 방법 :hover : 마우스 커서를 올렸을 때 어떤 효과가 나타남 ( a의 나머지 가상 클래스는 다음 파트에 ) 변화가 없는 형태의 하이퍼링크 처음으로 메뉴1 메뉴2 메뉴3 메뉴4 롤오버가 있는 형태의 하이퍼링크 처음으로 메뉴1 메뉴2 메뉴3 메뉴4 롤오버가 있는 형태의 하이퍼링크1 처음으로 메뉴1 메뉴2 메뉴3 메뉴4 롤오버가 있는 형태의 하이퍼링크2 처음으로 | 메뉴1 | 메뉴2 | 메뉴3 | 메뉴4 결과물