본문 바로가기
728x90
반응형
SMALL

CSS3

CSS 수정 후 적용이 안될 경우 php 개발을 하다보면 분명히 css 파일을 수정해서 올렸는데 적용이 되지 않고 수정 전 디자인으로 보여지는 경우가 있다. 그럴 경우 대처 하는방법 CSS 버전 올려보기 브라우저 인스펙터를 켜서 css가 정상적으로 로드 되었는지 확인 css 경우 뒤에 ?를 하고 var1을 쳐서 확인해본다. 굳이 var1을 칠 필요 없이 ?뒤 아무런문자나 숫자를 입력해도 된다. 이 방법은 새로고침 할떄마다 다시 변경해야 하는 귀찮음이 있어 또다른 방법을 알아보자 캐시 지우기 크롬 설정에 들어가면 위 사진과 같은 항목이 존재한다. 클릭해 보자. 인터넷 사용 기록 삭제후 페이지를 세로고침해서 css 적용을 확인 할 수 있다. 2021. 1. 8.
기본 element 네이티브 외형 감추기 web에서 작업을 하다보면 디자인이과 기본적으로 제공되는 element 모습이 달라 커스텀하는 경우가 많다 기존에 element 네이티브한 외형을 감추고 새로운 형태로 커스텀 할떄 사용데는 CSS이다. 각 브라우저 element 모습이 달라서 문제가 될 경우 아래와 같이 사용하여 브라우저에서 적용된 모습을 감출 수 있다. -webkit-appearance : none; -moz-appearance : none; appearance : none; 2021. 1. 8.
텍스트 대소문자 변경하기 css로 text를 대문자 또는 소문자로 변경할 수 있다. 텍스트를 대문자로 변경한다. hello -> HELLO text-transform: uppercase; 텍스트를 소문자로 변경한다. HELLO-> hello text-transform: lowercase; 2021. 1. 2.
728x90
반응형
LIST