IT/HTML, CSS10 [CSS] min-width 적용 안 되는 문제 미디어 쿼리를 만드는 중이다.@media (min-width: 992px){...}@media (min-width: 768px){...}@media (min-width: 576px){...} ..등등그런데 값 적용이 아무리 안 되는 것이다.알고보니 순서가 중요했다...^^min-width를 오름차순으로 해야한다.@media (min-width: 576px){...}@media (min-width: 768px){...}@media (min-width: 992px){...}운 좋게 이때까지 올바른 순서로 했었는데 이번에 반대로 하면서 깨닫게 되었다.정말 이런 기본도 몰랐다니 반성하게 된다. 2020. 12. 30. [CSS] Custom properties (사용자 정의 속성) developer.mozilla.org/en-US/docs/Web/CSS/--* Custom properties (--*): CSS variables - CSS: Cascading Style Sheets | MDN Property names that are prefixed with --, like --example-name, represent custom properties that contain a value that can be used in other declarations using the var() function. Custom properties are scoped to the element(s) they are declared on, and part developer.mozilla.org w.. 2020. 12. 30. [CSS] 수직/수평 정렬 - block의 경우 (예를 들어, div) margin: auto로 수평 center 가능하다. (수직으로는 불가능) - text-align의 경우 요소를 수평 center 가능하지만 수직으로는 불가능하다. 블록 요소에는 적용이 안 된다. -transform: translate(50%, 50%) translate(x축, y축)이다. 50씩 이동하므로 완전한 center. -텍스트인 경우 text-align: center line-height: __px (__에는 부모 상자의 height 만큼 넣어주면 된다.) 그냥 justify-content를 사용하도록 하자... developer.mozilla.org/en-US/docs/Web/CSS/justify-content justify-.. 2020. 12. 30. [HTML/CSS] 반응형 메뉴 제작 (Hoverable Dropdown) 커서를 가져다대면 나타나는 메뉴를 제작하고 싶었다. jquery나 js를 사용해야하는건지 머릿속이 복잡했다. 하지만 css만으로 가능했다. How TO - Hoverable Dropdown How TO - Hoverable Dropdown ❮ Previous Next ❯ Learn how to create a hoverable dropdown menu with CSS. Dropdown A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list: Hover Me Try it Yourself » Create A Hoverable Dropdown Create a dropdown menu.. 2020. 12. 29. 이전 1 2 다음
