css 재설정을 통해 브라우저별 CSS 제거
CSS 재설정
기본적으로 각 브라우저는 별도의 설정이 없는 경우에도 스타일시트를 정의합니다.
스타일시트를 취소하는 데 사용되는 스타일시트를 CSS 재설정이라고 합니다.
읽기 재설정 CSS는 각 브라우저의 차이를 제거합니다.
cf. 유사한 개념normalize.css라는 것도 있어요.이 점은 공통적으로 모든 브라우저의 차이를 없애지만 다른 점은 브라우저 특유의 CSS를 없애지 못했다는 것이다.
사용법
CSS 재설정을 정의한 후 일반 CSS를 정의합니다.낡은 것도 있으니 주의해야 한다.
나중에 CSS 재설정이 정의되면 재설정된 CSS가 덮어씁니다.
복사할 때는 허가증에 주의해야 한다.
<head>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
</head>
예제
스스로 CSS 재설정을 정의할 수 있지만 이미 정의된 CSS가 있으므로 쉽게 읽을 수 있습니다coliss나는 복사하고 붙이는 것이 가장 쉽다고 생각한다.
CSS 재설정 사용
우리는 각각 구글 크롬과 Firefox를 이용해 CSS 리셋 앱 전후를 비교했다.
간격을 보기 쉽게 배경만 변경합니다.
적용 전
chrome
firefox
응용 후
chrome
firefox
cf. 소스 코드
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="reset.css" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>h1</h1>
<h2>h2</h2>
<input type="text" />
<div>div</div>
</body>
</html>
참고 자료
소스 코드
CSS 재설정
Reference
이 문제에 관하여(css 재설정을 통해 브라우저별 CSS 제거), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/mo_ri_regen/articles/reset-css-article텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)