CSS

[CSS] reset

효땡 2024. 5. 31. 15:58

브라우저들은 기본적인 스타일을 가지고 있다.

그런데 이 브라우저들마다 각각 다른 스타일을 가지고 있기 때문에 같은 css를 적용해도 Edge, Chrome, Firefox 등의 브라우저에서 사용자들에게 비추어지는 모습이 모두 다를 수 있다.

이러한 문제를 해결하기 위해서 브라우저의 스타일을 모두 초기화해서 동일하게 만든 뒤 스타일을 추가하여 나가 모든 브라우저에서 같은 화면을 볼 수 있게 해주는 것이다.

<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>06_reset.html</title>
        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="mystyle05.css">
    </head>
    
    <body>
        <h1>대한민국</h1>
        <strong>무궁화</strong>
        <p>오필승 코리아</p>
        
        <ul>
            <li>국어</li>
            <li>영어</li>
        </ul>
    
        <ol>
            <li>개나리</li>
            <li>진달래</li>
        </ol>
    </body>
</html>