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

@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 { ..

_variables.css //colors $color-red: #bf002d; $color-pink: #f1859e; $color-neonpink: #f53c68; $color-yellow: #f89407; $color-purple: #9643b1; $color-black: #222222; $color-white: #fff; $color-gray: #666; $color-lightgray: #ddd; $color-darkgray: #909090; $color-peachpink: #f7dfcb; //border //font-size $fs-smaller: 1.3rem; $fs-small: 1.4rem; $fs-default: 1.5rem; $fs-big: 1.8rem; $fs-bigger: 2rem; $..

보호되어 있는 글입니다.

보호되어 있는 글입니다.