기억하기 위한 기록

기본 레이아웃 작성 1. header _ html 2. css header는 고정될수 있도록 position : fixed ; 해준다 - 로고가 센터에 위치할 수 있도록 해주는것 header의 height 과 동일한 값으로 line-heigh의 값을 매겨주면 , 태그가 가 센터로 위치하게 된다. - 로고를 제외한 nav요소들이 오른쪽으로 올 수 있도록 float : right ; 해주면 오른쪾으로 오는것을 볼 수 있다. - 아래로 떨어진 메뉴들을 정렬해준다. ㄴ> li는 block속성으로 block속성을 유지하면서 + inline 속성이 여으로 나열 될 수 있도록 inline-block으로 지정해주겠다. block속성은 한줄을 다 차지하는데, inline 속성은 옆으로 나열이 되기 때문에 완성본의 결과와..

파비콘 없는 웹사이트는 거의 찾기 어렵다고 볼 수 있다. 웹사이트 제작 강의들을 들으며 , 파비콘 등록은 따로 알려주지 않아서 게시글을 작성해 본다. 파비콘 등록은 아주 간단하게 할 수 있다. 헤드태그 안에서 작성하면 되고, link 속성에 shortcut icon 을 입력해준뒤, href에 파비콘이 위치한 경로를 적어두면 된다. 간단하게 포토샵을 이용해 만들어보았다. * 어차피 웹사이트 타이틀 옆에 작게 들어가기때문에 한글자 정도가 깔끔한것 같다. * 굳이 확장자를 변환하지 않아도 png 로도 가능하기 떄문에 , png로 작업하였다. ▼ 등록방법 ▼ 파비콘 등록 전 ▼ 파비콘 등록 후

- main에 맨 왼쪽에 위치하던걸 오른쪽으로 가져오고, 위에서 50%정도에 위치시켜준다. main에 position:relative를 두고 may는 position : absolute; 로 한뒤 top 에서 50% 떨어지게 위치시켜줬다. .may {position:absolute; width:185px; height:300px; top:50%; background:green; right:300px; } - .may를 .title과 비슷한 위치로 올리기 transform:translateY(-50%); 를 이용해 title과 같은 위치로 끌어올려준다. - 완성본을 보면 .may 안에있는 a태그에 주황색 st로 원이 들어가져있다. 일단 정사각으로 영역을 만들어준다. width : 145px; height ..