input, button, textarea 등 브라우져 기본 스타일 제거 하는 방법을 알아보자. 이걸 제거하지 않으면 브라우져별로 내가 적용한 css 대로 보이는게 아니라 이상하게 보인다. 브라우져 스타일 브라우져별로 기본 스타일이 적용 되어있다. 이 기본 스타일을 제거 해보자. 코드 확인 input, button, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 이렇게 위의 소스를 참고하여 스타일 시트에 추가해주면 된다.

accesskey 속성에 대해 알아보자. acesskey 속성 accesskey 속성은 홈페이지를 만들다가 버튼에 단축키 기능을 넣고자 할 때 사용할 수 있는 속성이다. 단축키 사용하고자 할 때 아래 표에서 브라우져별 단축키를 참고하여 사용할 수 있다. 그러나 다른 단축키와 충돌이 일어날 수 있다고 하기때문에 왠만하면 개인 홈페이지에서는 이용하지 않는것을 권장 한다고 한다. 브라우져별 단축키 Windows Linux Mac Internet Explorer Alt + 단축키 Alt + Shift + 단축키 없음 Microsoft Edge 없음 Control + Opt + 단축키 Control + Opt + Shift + 단축키 Google…

인터넷을 사용하다보면 input, select, textarea 태그에 자동 완성이 설정되어 이전에 입력했던 값이 보이는 경우가 많다. 저장해놓고 싶을 때는 좋긴 하지만 검색 했던 결과나 굳이 저장되지 않아도 되는것들까지 저장되면 지우는 작업이 더 불편한 경우도 많다. 이럴 때 어떻게 해야하는지 알아보자. autocomplete 자동완성 기능을 사용하기 위해서는 전제조건이 있다. 1. name 또는 id 특성 존재 2. <form> 요소의 자손일 것 3. 양식에 submit 버튼이 있을 것이 세 가지 조건에 충족한다면, 자동 완성 기능이 작동하게된다. 그러나 나는 반대로 자동 완성이 안되게 하려고 하는것이므로 아래와…

뒤로가기 버튼을 추가하는 방법을 알아보자. <a href=”#” onclick=”history.back(-1); return false;”>뒤로 가기</a> 이 코드 사용시 워드프레스 포스트에서도 적용 잘 된다.

말줄임표 만드는 방법을 알아보자. 반응형 홈페이지를 만들고 테마나 템플릿을 만들다보면 제목이 너무 길어서, 말줄임이 필요할 때가 있다. 리스트에서 글이 길 때 말줄임표 표시하는 방법을 알아보자.   한 줄만 보이고 말 줄임표 나오게 하기 html 예시 <div class=”list”> <div class=”list-title”> 빛 하나 없는 공간 어둠이 올 때 표정따윈 다 사라져 또 이렇게 끊임없이 들려와 지독한 밤 Wasn’t with me back then but they right here now 날 찾아오는 악몽에 Nightmares make me go insane 까맣게 짙어진 밤 내 맘 속에 있는…

사이트 들어올 때 마다 [안전하지 않음] 이라고 보이는게 싫어서 SSL 인증서를 적용 받고 싶다. 무료 SSL Cafe24에서는 SSL 인증서는 유료니 포기하고 있었는데.. 찾아보니 무료 SSL 인증서 제공해주는 해외 업체가 있더라!   사이트에서 발급 받는 곳들은 Let’s Encrypt 기반으로 제공해주는 업체라고 하던데.. 그냥 나는 Let’s Encrypt로 바로 받기로 결정 했다.   ⭐ 지금은 Cafe24를 사용중이 아니며 메인 호스팅, 테스트하는 호스팅 전부 무료 SSL 적용 가능. 무료 SSL Win-Acme Windows 10, Windows 11에서 Let’s Encrypt를 적용 시키려고할 때 사용할 수 있는 프로그램이다. Win-Acme 다운로드…