웹 개발/프론트엔드 ∕ Css & Scss 검색 결과
3 개의 검색 결과가 있습니다.
웹 개발/프론트엔드 ∕ Css & Scss

[CSS] 개발 참고자료 목록

개요 이 페이지는 Css로 앱/웹 UI를 디자인 시, 검색하여 참고한 사이트 및 정보를 정리해놓았습니다. 참고자료 목록 CSS 일반 div 태그 위에 div 태그를 그리는 방법 .container { background-color:aqua; /* flex-grow를 통해, div처럼 사용하기 위해 flex 사용 */ display: flex; /* 100% 넘어가면 다음으로 넘겨짐 (불필요) */ flex-wrap: wrap; /* 수직 가운데 정렬 */ align-items: center; /* div와 div를 겹치려면 parent에 position: relative를 지정 (핵심) */ position:relative; height:50px; margin-bottom: 10px; } .child1 ..

2022. 10. 27. 23:38
웹 개발/프론트엔드 ∕ Css & Scss

[라이브러리]TailwindCss : 유틸리티 우선 CSS 프레임워크

# 개요UI 키트의 규칙에 구속되지 않고, 반응형 UI를 달성할 수 있는 방법을 제공하는 CSS 프레임워크이다.사용자 정의 사용자 인터페이스를 빠르게 구축하기 위한 유틸리티 우선 CSS 프레임워크입니다.인라인 스타일을 작성하고, CSS 한줄 쓰지 않고도 멋진 인터페이스를 만들 수 있음 Q. Utility 우선이란?Bootstrap과 다르게, Tailwind는 자동으로 스타일이 지정된 구성요소를 제공하지 않음개별 유틸 클래스(bg-purple, text-white와 같이)를 통해, 특정방식으로 컴포넌트를 스타일링하는데 도움을 주는 것을 의미합니다. # 설치1. npm install tailwindcss --save-dev2. npx tailwind init [filename] //Tailwind는 거의 전..

2020. 8. 19. 16:57
웹 개발/프론트엔드 ∕ Css & Scss

Css 상에서 !important의 의미란?

# 간단 설명 Css는 폭포수처럼 흘러내리면서, 스타일을 적용하게 되는데, !important를 붙이게 된다면..? CSS 작성시 !important; "다른 것보다 가장 최우선으로 적용해라" 정도의 의미라고 생각하면 된다.

2020. 8. 13. 22:48