최근 급하게 떡상하고있는 Tailwindcss.
사용량 2위에 부트스트랩에 비해 압도적인 만족도.
그 이유는 뭘까? 한번은 체험 해봐야겠다 싶었고, 수업에서 배우고 4시간정도 실습시간이 주어졌다.
실습시간동안 간단하게 Tailwind만 이용해서 이력서를 만들어 보았다.
체험후기:
클래스명이 직관적이라서 몇번 쓰다보면 적응돼서 저절로 외워진다.
사이트도 직관적이고 검색기능이 유용하다.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
</body>
</html>Tailwind를 사용하기 위해서는 head에 CDN script를 적어둬야한다.
검색기능을 활용하면 원하는 기능을 쉽게 찾을수있다.
클래스에 원하는 색상의 클래스명을 입력하면 알아서 CSS가 적용되는 구조이다.
Tailwind를 체험해보고자 이력서를 간단하게 만들어 보았다.
https://jamgoori.github.io/tailwind_practice/
Tailwind체험하기
'HTML & CSS' 카테고리의 다른 글
| SASS 핵심문법 (0) | 2022.04.25 |
|---|---|
| 반응형 이미지/ 비디오 / padding top % (0) | 2022.04.21 |
| [9일차] Overflow:hidden 과 display:none 차이 (0) | 2022.04.07 |
| [8일차] 인라인, 블록요소 (0) | 2022.04.06 |
| [8일차] 마진 겹침 현상 (4) | 2022.04.06 |