개발자의 끄적끄적

[html/css] css span div 가운데 정렬 방법  css 에서 div 안에 있는 span 태그를 가운데 정렬해야되는 경우가 있습니다. float 나 align 으로는 정렬이 안되는 경우가 많은데요! 그럴때는 span 을 감싸고 있는 div 클래스에 아래와 같은 속성을 추가해주시면 됩니다! .abc { justify-content: center;}  참고들 하세요!

[html/css] p 태그 정렬하는 방법 (왼쪽/오른쪽/가운데) 웹사이트를 개발하다보면, P 태그를 사용하는 경우가 많은데요! p 태그를 정렬해야하는데 style 속성을 추가하면 적용되지 않아서 헤매신적이 있으실겁니다! p 태그 정렬하는 방법을 공유할테니 참고들 하세요! 1. 오른쪽 정렬 테스트 2. 왼쪽 정렬 테스트 3. 가운데 테스트 참고들 하세요!

[html/css] css로 당겨서 새로고침 막는 방법 모바일 페이지를 작업하다보면 아래로 당겨서 현재 페이지가 새로고침 되는 부분을 막아야 하는 경우가 있습니다. 그럴때는 아래 css 를 추가하시면 됩니다! html, body{ overscroll-behavior: contain; } 참고들 하세요!

[html/css] Color Palettes for Designers and Artists / css 색상표 사이트 html 과 css 를 다루다보면 color code 를 찾는 경우가 많이 있습니다! 그중에서 색상 별 비교 및 정리가 잘되어 있는 사이트가 있어서 공유하고자 합니다! 각종 색상에서 원하는 색상을 자유자재로 고르는 사이트도 있지만! 많이쓰이는 색상을 색감별로 분류가 잘되어 있는거 같아서 참고하시면 많은 도움이 되실듯 합니다! 아래 링크 들어가셔서 확인해보시면 됩니다! Color Palettes for Designers and Artists : https://colorhunt.co/ Color Palettes for Designers and Artists - Color Hunt Discov..

[html/css] css text strike example / css 텍스트 취소선 표시 방법 html 에서 아래 이미지와 같이 텍스트 가운데 취소선을 추가하고 싶은 경우가 있습니다! 그럴때는 아래 css 를 해당 태그에 추가해주시면 됩니다! text-decoration: line-through; 참고들 하세요!

[html/css] css hypens example / css 하이픈 표시 방법 css 에서 줄바뀜이 될때 하이픈(-) 이 표시되도록 하고 싶은 경우가 있습니다. 그럴때는 해당 태그에 아래 옵션을 추가하시면 됩니다! hyphens: auto; 참고들 하세요!

[html/css] css px 를 vw 로 변환 해주는 사이트 반응형 사이트를 제작하다보면 px 단위를 vw 로 변경해야 하는 경우가 있습니다. 그럴때 자동으로 변환해주는 사이트가 있어서 공유해보려고 합니다. 바로 vw 계산기 인데요 css 소스를 입력하면 변환된 css 소스를 반환해줍니다! 참고들 하세요! vw 계산기 링크 : http://publishing.kr/vw/ VW 계산기 publishing.kr

[html/css] css input textarea outline 숨기는 방법 크롬 브라우저에서 input 이나 textarea 태그를 사용하다 보면 노란색 테두리가 나타나는 경우가 있습니다. 그게 불편하다면 없앨 수 있는데요. 바로 아래 css 를 추가하시면 해당 태두리를 없앨 수 있습니다! input { outline-style: none; } textarea { outline-style: none; } 참고들 하세요!