CSS (9) 썸네일형 리스트형 UI 디자인 codepen.io/TurkAysenur/pen/NWRqoyL Customer Management UI Inspired by Shuvo Cold "https://dribbble.com/shots/14673441-Transport-Service-Dashboard"... codepen.io 선택자 flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io CSS Grid 정리 https://heropy.blog/2019/08/17/css-grid/ CSS Grid 완벽 가이드 CSS Grid(그리드)는 2차원(행과 열)의 레이아웃 시스템을 제공합니다.Flexible Box도 훌륭하지만 비교적 단순한 1차원 레이아웃을 위하며, 좀 더 복잡한 레이아 ... heropy.blog CSS flex 정리 https://heropy.blog/2018/11/24/css-flexible-box/ CSS Flex(Flexible Box) 완벽 가이드 많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F heropy.blog https://d2.naver.com/helloworld/8540176 https://developer.mozilla.org/ko/docs/Web/CSS/flex flex flex CSS 속성은 하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을 설정하는 속성.. GRID example https://gridbyexample.com/examples/ Grid by Example - Usage examples of CSS Grid Layout The following examples include an image of how the example should look in a supporting browser, they each link to a page with more information about the technique being shown, code and a CodePen of the example. Unless otherwise noted these examples work in gridbyexample.com split image https://www.codeandweb.com/texturepacker/tutorials/animate-sprites-in-css-with-texturepacker CSS animation examples with TexturePacker These two examples show you how to easily create animations with CSS and sprite sheets. Example 1: hover animation. Example 2: @keyframes animation www.codeandweb.com 폰트 http://hongsw11.blogspot.com/2011/11/css.html css에 안전한 한글, 영어 폰트 정리 안전한 폰트명(국문, 영문) 폰트 크기 정할 때 고민해야할 것들 - 링크 : http://kukie.net/resources/design/font_size.html -------- [1]. 영문 폰트 정리 참조 : - ... hongsw11.blogspot.com https://www.youtube.com/watch?v=Zu91meda2I8&list=LL&index=10&t=59s https://www.youtube.com/watch?v=iniUd-NZ-T8&list=LL&index=2&t=82s css 우선순위 https://www.opentutorials.org/module/484/4149 CSS 적용 우선순위 - CSS Reference 스타일시트는 제작자(author), 사용자(user), 사용자도구(user agent) 세개의 다른 CSS 원천 소스를 가질 수 있습니다. 제작자는 규약에 따라 스타일시트를 명시합니다. 예를들어 HTML에서 스타일시트는 � www.opentutorials.org video 백그라운 책>html>html5+css3>11장 이전 1 다음