wasup

input, textarea { /* 아이폰 input 기본 스타일 제거 */ appearance: none; border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0; } select { /* 아이폰 select 기본 스타일 제거 */ appearance: none; -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { /* 익스플로러 select 화살표 제거 for IE10, 11 */ display: none; }

브라우저에 따라 전화번호 텍스트가 있는 경우 자동으로 전화 링크와 스타일을 넣어버리는 경우가 있다. 해당 스타일을 제거하기 위해 메타테그가 필요하다.

도움받은 글 ..!! https://moo-you.tistory.com/55 ttf폰트 직접 웹폰트 업로드해 사용하기 ▶ 웹에서 사용할수 있는 폰트 TrueTypeFont(*.ttf) : 트루타입은 애플과 마이크로소프트에 의해 1980년대 후반에 개발된 글꼴 표준 OpenTypeFonts(*.otf) : 오픈타입은 확장가능한 마이크로소프트 컴퓨터 글 moo-you.tistory.com 아래 링크 들어가서 변환하길 원하는 파일 올리고 다운받은 후 압축을 풀면 css까지 들어있어 사용하기 너무 편하다..! https://onlinefontconverter.com/ Online font converter converts fonts to/from: .dfont .eot .otf .pfb .pfm .suit .s..

만약 파란 테두리가 생긴다면 태그:focus{ outline:none; } outline:none;을 해줘도 클릭한 영역에 파란색 박스가 생긴다면 태그{ -webkit-tap-highlight-color : rgba(0, 0, 0, 0); } rgba(0, 0, 0, 0); rgba로 투명도를 주거나 transparent로 지정 https://gahyun-web-diary.tistory.com/77 [CSS]모바일에서 영역 클릭시 생시는 파란 박스 없애기 -- 모바일이나 웹에서 테두리가 생긴다면... 아웃라인만 없애주면 된다. input:focus{ outline:none; } 그런데 모바일에서는 하이라이트생기는 경우가 있다. IOS(아이폰,,아이패드 등..), Android 등의 웹킷 gahyun-we..

카카오톡&카카오스토리 https://developers.kakao.com/docs/cache URL 입력하고 삭제 트위터 https://cards-dev.twitter.com/validator 트위터 로그인 / 트위터 휴대폰, 이메일, 사용자 아이디 twitter.com 트윗 프리뷰 + 캐시 클렌징 네이버 밴드 https://developers.band.us/developers/ko/docs/share/debugger BAND Snippet Debugger up.band.us 네이버 개발자센터(https://developers.naver.com/) NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 ..

보호되어 있는 글입니다.

선언하기(@mixin) *mixin은 함수(function)처럼 인수(arguments)를 가질 수 있다. @mixin content-item($top-gap, $bot-gap){ margin: $top-gap 0 0; li{ margin: 0 0 $bot-gap; .img_box{ background-color: $color-black; position: relative; img{ transition: .3s; width: 100%;} .btn_wrap{ position: absolute; top:0; right:0; bottom:0; left:0;display: flex; flex-direction: column; justify-content: center; align-items: center; ga..

@mixin/@media/@content @content가 포함되어 있다면 해당 부분에 css속성 추가 가능 //Breakpoints $breakpoint-desktop-large: 1370px; $breakpoint-desktop-small: 1024px; $breakpoint-tablet: 768px; $breakpoint-mobile: 414px; //responsive @mixin desktop-large { @media (max-width: $breakpoint-desktop-large) { @content; } } @mixin desktop-small { @media (max-width: $breakpoint-desktop-small) { @content; } } @mixin tablet { ..