| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
- React.js
- reactjs
- NonNullable
- const 단언문
- 티스토리꾸미기
- 공통컴포넌트
- 성능최적화
- 커스텀
- returnType
- 제네릭
- 2022
- 폰트적용하기
- 개발콘텐츠
- 타입스크립트
- TSDoc
- 누구나 자료구조와 알고리즘
- 리액트
- JS console
- Chart.js
- vue.js
- javascript
- 레이아웃쪼개기
- react
- CSS
- 반복줄이기
- click and drag
- typescript
- utilty type
- React Native
- 타입좁히기
- Today
- Total
몽땅뚝딱 개발자
[HTML/CSS] reset.css 본문
이전 필드에서 reset.css를 본 적이 있는데, 파일을 열어보지도 않고 'reset 기능과 관련된 css인가...?' 생각했었다.
나중에 퍼블리셔분이 필요한 파일이라고 말씀하시기에 배포할 때 빼먹지않는 정도로만 인지했었는데..
만약 이 css가 왜 필요했는지 그 때 찾아보고 알았더라면 토이프로젝트를 할 때 css 관련하여 고생이 덜 했을거라는 생각이 든다.
reset.css는 브라우저마다 기본스타일이 다르기때문에 브라우저끼리 동일한 스타일을 주기 위해 css를 초기화하는 환경설정용 css라고 한다.
브라우저마다 여백도 다르고 초기값도 달라서 항상 불편하다는 생각만 했지 방법을 찾을 생각을 못 한 나 자신... 반성 중..🙃
작성한 곳 마다 다르게 작성되어 있고 정해진 표준은 없는 것 같다.
적절히 원하는 초기화가 있는 css을 찾아 적용하고 필요할 시 커스터마이징을 하면 될 것 같다.
아래는 대표적으로 쓰인다는 css이다.
◽ CDN 방식으로 사용하기
여기서 확인할 수 있고, <head> 안에 작성하면 된다.
normalize - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers
Normalize.css as a node packaged module - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month, powered by Cloudflare. We mak
cdnjs.com
📄 html
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" /> </head> <body></body> </html>
개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
'Development > HTML · CSS' 카테고리의 다른 글
| [CSS] outline과 border의 차이 (0) | 2021.12.22 |
|---|---|
| [Sass] 공통 mixin 정리 (0) | 2021.12.22 |
| [CSS] 다단 편집(Multiple Colume) (0) | 2021.12.07 |
| [CSS] background-origin (0) | 2021.12.07 |
| [CSS] background-size (0) | 2021.12.07 |