반응형 분류 전체보기80 input 타입 radio와 checkbox 커스텀 하기 input 태그 타입 radio와 checkbox를 css를 사용하여 커스텀 하는 방법에 대하여 알아보겠습니다. 본 내용에 들어가기 앞서 input 태그에 관한 기초적인 사용 설명은 이전 포스팅 'input 와 label 태그 활용하기'를 참조해 주세요^^ https://salt-planet.com/entry/input-%EC%99%80-label%ED%83%9C%EA%B7%B8-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 input 와 label태그 사용하기웹 사이트를 만드는 데 중요하게 사용되는 input 태그의 종류와 label 태그의 사용법에 대해서 정리해 보겠습니다. input과 labelinput과 label은 한 쌍으로 이루어진 태그입니다. 웹 접근성을 통과하기salt-.. 2024. 11. 7. input 와 label태그 사용하기 웹 사이트를 만드는 데 중요하게 사용되는 input 태그의 종류와 label 태그의 사용법에 대해서 정리해 보겠습니다. input과 labelinput과 label은 한 쌍으로 이루어진 태그입니다. 웹 접근성을 통과하기 위해서는 모든 input에는 연결되는 label이 존재해야 합니다. 간단히 얘기하자면 input은 기능을 제공하고, label은 연결된 input을 정의하고 설명하는 기능을 가집니다. input과 label 연결하기예시)레이블Label: 위의 예시를 html 코드 그대로 옮기면 다음과 같습니다. 레이블Label: input 태그의 id 값을 지정하고 label에 for 값으로 입력하여 두 태그를 상호 연결하였습니다. 마우스로 label 태그를 클릭하였을 때 연결되어 있는 inpu.. 2024. 11. 6. 11월 7일부터 시작! <작심삼주 오블완 챌린지>를 소개 합니다~! Tstory 유저라면 꼭 봐야 할 티스토리 블로그의 공식 이벤트를 소개합니다~!- 안녕하세요! 소금 행성입니다^^ 날이 점점 쌀쌀해지네요. 아직 10월인데도 아침에 이불 밖을 벗어나기 어려워지고 있습니다. 벌써 이러기 시작하면 한겨울은 얼마나 추울지.. 추위를 많이 타는 사람이다 보니 잔뜩 걱정이 되네요ㅠㅠ 날이 추워지면서 감기 유행도 돌고 있습니다. 모두 건강 꼭! 챙기시고 언제나 감기 조심하세요~! 오늘 포스팅은 티스토리 블로그 유저라면 꼭 알아야 하는를 소개해 드리겠습니다.^^ " href="https://www.tistory.com/event/write-challenge-2024?t_src=tistory_notice" target="_blank" rel="noopener">https://www... 2024. 10. 30. 복슬복슬한 양몰이 견 오스트레일리안 셰퍼드 1. 큰 체구와 풍성한 털 오스트레일리안 셰퍼드(Astralian Shepherd) 풍성한 털과 다부진 체형을 가진 사랑스러운 강아지입니다. 국내에서는 쉽게 볼 수 있는 품종은 아니지만 오시, 또는 오지(Aussie)라는 귀여운 애칭이 있을 정도로 전 세계적으로 많은 사랑을 받고 있습니다. 평균적으로 46cm에서 58cm의 체고를 가지고 16kg에서 32kg 사이의 체중을 가지는 중형견 중에서도 큰 편에 속하는 견종입니다. 전체적으로 단단한 골격과 근육을 가진 직사각 체형의 강아지입니다. 만두처럼 둥글고 단단한 네 발을 가지고 있는 오스트레일리안 셰퍼드는 큰 삼각형의 귀를 가지고 있습니다. 이 귀는 아래로 접히는 것이 보편적이지만 간혹 위로 서는 경우도 있습니다. 풍성하고 웨이브 진 털오스트레일리안 셰퍼.. 2024. 10. 25. 반응형 웹사이트 이미지 사이즈 비율 맞추기 반응형 웹사이트란?이미지 사이즈의 비율을 맞춰야 되는 이유몇 가지 방법- 미디어 쿼리를 사용하기- vh, vw 사용하기- flex 속성과 calc() 함수 사용하기- javascript(jqurey) resize 함수 사용하기- css 속성 사용하기현업에서 사용하기 반응형 웹사이트를 만들다 보면 이미지 사이즈의 비율을 맞추는 문제는 항상 발생합니다. 화면의 width가 resize 되며 이미지의 크기 또한 자연스럽게 변경되어야 합니다. 반응형 웹사이트란? 반응형 웹사이트란 하나의 웹사이트 주소로 다양한 기기에서 어려움 없이 사용 가능하도록 서비스를 제공하는 웹사이트 형식을 말합니다. 하나의 웹사이트를 다양한 비율과 크기의 기기에 최적화 되도록 제작한다면 별도의 애플리케이션 제공이 필요 없기 때문에 다양한.. 2024. 10. 24. '사이트가 다운되었거나 사용할 수 없음' 저주에 빠져버렸다. "티스토리 블로그 운영하기에 도전한 지 한 달, 구글 애드센스 승인 과정에서 '사이트가 다운되었거나 사용할 수 없음' 저주에 빠져버렸다.인터넷을 서치하여 할 수 있는 조치를 모두 했는데도....." 인사말안녕하세요~ 소금행성입니다^^'티스토리 블로그 운영'에 도전하여 꾸준히 글을 올려온 지 벌써 한 달이 넘어가네요. 처음 블로그를 세팅하고 당당하게 애드센스 신청을 했던 한 달 전의 저는 '사이트가 다운되었거나 사용할 수 없음'이라는 사유로 불허 통지를 받게 되었습니다. 다시 신청 버튼을 누르고 승인을 기다리는 동안 할 수 있는 모든 걸 해보자! 는 마음으로 이런 강의 저런 강의 다 들어보며 꾸준히 글을 적어왔습니다. 그간 제 블로그에 꾸준히 찾아와 댓글을 남겨 주신 분들도 있었고, 적지만 검색을 통해 유.. 2024. 10. 23. 이전 1 ··· 5 6 7 8 9 10 11 ··· 14 다음
