728x90
웹브라우저에서 user agent style 과 같은 기본 스타일이 적용되어 있습니다.
해당 스타일은 웹 제작 시 도움이 되는 경우도 있지만 잘 사용하지 않는 스타일도 있기 때문에 초기화가 필요한 경우가 있습니다.
직접 초기화 코드를 만들어서 사용하는 경우도 있지만 이미 만들어진 초기화 코드를 사용하는 경우도 있습니다.
오늘은 후자의 경우에 대해서 알아보겠습니다.
normalize.css
1. 직접 다운로드 방식 적용 : https://necolas.github.io/normalize.css 해당 링크에 접속해서 파일 다운로드
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>css initialize</title>
<link rel="stylesheet" href="css/initial.css"><!--초기화 코드 적용-->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<h1 class="logo">css3</h1>
<div>css 초기화 다운로드 방식으로 적용</div>
</header>
</body>
</html>2. CDN 방식으로 적용 : https://cdnjs.com/libraries/normalize 해당 페이지에서 주소를 복사한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>css initialize</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"><!--초기화 코드 적용-->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<h1 class="logo">css3</h1>
<div>css 초기화 CDN 방식으로 적용</div>
</header>
</body>
</html>
Google normalize
1. 직접 다운로드 방식 적용 : https://github.com/jonathantneal/normalize.css
yahoo reset
1. 직접 다운로드 방식 적용 : https://cssdeck.com/blog/scripts/yahoo-css-reset-yui-3/
'웹코딩 > css3' 카테고리의 다른 글
| mediaquery 규칙 (0) | 2022.01.25 |
|---|---|
| CSS minify (최소화) (0) | 2022.01.20 |
| CSS3 border 속성 (0) | 2022.01.18 |
| CSS3 background 속성 (2) | 2022.01.18 |
| CSS 문자열 속성 선택자 (0) | 2022.01.18 |