웹랩/html&css(10)
-
not css
.header-top > .left :not(:last-child){margin-right:12px;}
2021.10.13 -
더미 이미지
예제 이미지 사용하기 (해당 영역에 맞는 사이즈의 이미지 넣기)에 유용한 사이트 두개를 소개합니다. 무료로 사용 가능한 더미이미지 다음과 같이 사용합니다: http://placeholder.com/ 이미지 크기 및 형식 (.GIF, .JPG, .PNG, .WEBP) , 배경색 및 텍스트 색상, 텍스트 를 지정할 수 있습니다. https://via.placeholder.com/150 150x150 이미지 https://via.placeholder.com/150x100 150x100 이미지 https://via.placeholder.com/300/09f/fff.png 이미지 파일 확장자 https://via.placeholder.com/728x90.png?text=Visit+WhoIsHostingThis.c..
2021.09.06 -
모바일 웹 개발 시 주의할 점
모바일 브라우저의 종류는 다양하다. overflow:scoll 속성을 지원하지 않는 모바일 브라우저가 있다. ~ 선택자(동위 선택자)를 지원하지 않는 모바일 브라우저가 있다. gradient 속성을 지원하지 않는 모바일 브라우저가 있다. iOS 사파리는 label태그를 눌러도 반응이 없다. 대체: onclick viewport 설정 viewport 자세한 내용 안드로이드 : https://developer.android.com/guide/webapps/targeting 아이폰 : https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
2018.05.30 -
CSS 초기화
meyerweb reset HTML5 Doctor YUI Library /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, field..
2018.05.30 -
text-transform으로 영문 대소문자 표현하기
text-transform: none | capitalize | uppercase | lowercase | initial | inherit; none기본값 capitalize각 단어의 첫 번째 문자를 대문자로 변환합니다. uppercase모든 문자를 대문자로 변환합니다. lowercase모든 문자를 소문자로 변환합니다.
2018.04.03 -
나눔바른고딕 웹폰트
css 예제 @font-face{ font-family:'Nanum Barun Gothic'; font-style:normal; font-weight:normal; src:url(../font/NanumBarunGothic.eot); src:url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), url(../font/NanumBarunGothic.woff2) format('woff2'), url(../font/NanumBarunGothic.woff) format('woff'), url(../font/NanumBarunGothic.ttf) format('truetype'); } 다운로드
2016.08.22