728x90 300x250 SMALL Front-end/HTML80 한글깨짐, euc-kr 깨진파일 utf-8로 변경 좀 옛날 자료이기는 한데 자료 정리하다가 열어보니까 이렇게 깨져있네요 깨지는 이유는 euc-kr로 되어있기 때문인데요 유니코드 utf-8로 변환해주면 해결됩니다. 그래서 좀 간단하게 변환할 수 있는거 없을까 검색하다가 아래 사이트를 찾았는데요 https://fix-encoding.com/index.ko.php 인코딩 변환기 작업 공간 (임시 파일은 자동으로 삭제됩니다) fix-encoding.com 위에 주소로 들어가면 됩니다. 출처는 https://folivora.tistory.com/18 나무늘보님 블로그 입니다. 변환할 파일을 끌어다 놓고 저장하니까 이렇게 한글이 깨지지 않고 잘 보이는걸 확인할 수 있습니다. 2021. 11. 12. 셀렉트 박스 css 셀렉트 박스 기본 css select { background: url(이미지경로) no-repeat right center; -webkit-appearance: none; /* 네이티브 디자인 안보이게*/ -mox-appearance: none; appearance:none; cursor : pointer; } select::-ms-expand { /* ie 10,11 화살표 숨기기*/ display : none; } 브라우저마다 셀렉트 화살표 모야이 다르게 보이기 때문에 안보이게 하고 bg 이미지를 넣어서 적용합니다. 화살표 이미지는 셀렉트 박스 오른쪽에 붙어서 표출되기 때문에 화살표 아이콘을 만들때 미리 여백을 줘서 만들도록 합니다 위 방법은 브라우저에 따라서 적용이 안될 수 있습니다. 옵션도 css.. 2021. 9. 4. 화면을 줄였을때 밑으로 떨어지는 코딩 .container { border: 5px solid #ffcc5c; display: flex; justify-content: flex-start; flex-wrap: wrap; //이렇게 지정해준다. } 2021. 8. 13. font-face 웹폰트 적용 eot, woff, otf/ttf @font-face는 사용자 컴퓨터에 폰트가 설치 되어있지 않아도 서버에서 내려받아서 사용할 수있는 방법입니다. 폰트에대한 설명과 웹폰트로 변환하는 방법은 아래 포스팅을 참고해 주세요 https://moo-you.tistory.com/55 ttf폰트 직접 웹폰트 업로드해 사용하기 ▶ 웹에서 사용할수 있는 폰트 TrueTypeFont(*.ttf) : 트루타입은 애플과 마이크로소프트에 의해 1980년대 후반에 개발된 글꼴 표준 OpenTypeFonts(*.otf) : 오픈타입은 확장가능한 마이크로소프트 컴퓨터 글 moo-you.tistory.com 폰트마다 지원하는 브라우저가 다르다보니 다양한 탕입들의 글꼴들을 업로드 해줘야 합니다. @font-face 작성형식 @font-face{ font-family:".. 2021. 8. 11. 이전 1 ··· 5 6 7 8 9 10 11 ··· 20 다음 728x90 반응형 LIST