목록CSS (2)

Project.log

Reset CSS (리셋 CSS)

개요 Reset CSS란? 간혹 html로 코드를 작성하고 실행해보면 내가 적용하지 않아도 자동으로 margin이 들어가 있는 경우를 봤을 것이다. 이는 웹 브라우저 마다 default 값으로 스타일이 적용되어 있기 때문이다. 즉, 우리는 브라우저마다 동일한 CSS 스타일을 보여주기 위해 default값으로 설정되어 있는 값을 초기화 해줘야 할 필요가 있다. 이때 필요한것이 Reset.css이다 적용법 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, s..
CSS 2023. 7. 19. 20:35
Tailwind CSS 환경설정 및 사용하기

Tailwind CSS란? Tailwind CSS는 Utility-First 컨셉을 가진 CSS 프레임워크이다. Bootstrap프레임워크와 비슷하게 생겼으며 HTML 코드 내에서, CSS 스타일을 만들 수 있게 해주는 CSS 프레임워크 입니다. 1. Next.js 프레임워크 환경만들기 npx create-next-app wind Next.js 프레임워크를 사용해서 이안에 적용해보겠습니다. 위코드를 입력해서 wind라는 프로젝트를 생성해서 해보겠습니다. 위 프로젝트명(wind)는 예시이므로 원하는 이름으로 만드시면 되겠습니다. 2. 시작하기 npm install -D tailwindcss postcss autoprefixer Tailwindcss와 크로스브라우징을 대응 해주는 postcss autopre..
CSS 2022. 10. 23. 14:29
이전 Prev 1 Next 다음