본문 바로가기

IT21

css reset html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,.. 2021. 10. 12.
풀화면 이미지의 비율의 경우 코딩할때 풀화면의 이미지를 삽입할 시 적당한 이미지 넓이를 모르는 경우라면 보통 화면에는 1920 사이즈 이고 좀더 크면 2000 ~ 2200 정도 되는데 보통은 1920 사이즈로 한다. 이미지의 높이는 상황에 따라 맟추면 된다. ex) height: 600px; background: url(../) no-repeat center top / cover; cover를 사용하면 너비는 전체를 다 채우되 높이는 커버를 해주어 브라우저를 줄여도 이미지가 600px 미만으로 줄어들지 않는다. ex1) 100%를 줄 경우 height: 600px; background: url(../) no-repeat center top / 100%; 브라우저의 크기를 줄일경우 이미지 높이가 600px 이하까지 줄어든다. ex2).. 2021. 10. 12.
meta 테그 포털사이트에서 검색되는 키워드 설정 포털사이트에서 표시되는 단어 설정 사이트제작자명 문의메일 로봇 종류별 허용 사용자 디바이스에 의한 화면비율 -robots- index (index는 로봇이 본페이지 방문을 허용하는지) follow (follow는 로봇이 본페이지의 링크세테이션을 기준으로 방문을 허용하는지) ALL (로봇이 모든 방문을 허용한다, 하나만 입력해도 된다[index, follow = x]) - viewport - width=device-width, (브라우저의 너비를 사용자의 디바이스에 맞춰라.) initial-scale=1 (초기배율은 100%로 해라) 참고 출처 : https://hunit.tistory.com/312 2021. 10. 12.
WIDTH 값이 유동적일때(%) ... 처리방법 overflow: hidden; text-overflow: ellipsis; height: 20px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; 2020. 11. 11.