css 단위

10 months ago · 99551ff1a5
parent d697894fa6
commit 99551ff1a5
2 changed files with 75 additions and 0 deletions
--- a/style/2-6/default.html
+++ b/style/2-6/default.html
@ -0,0 +1,33 @@
 <!DOCTYPE html>
 <html>
 <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width"/>
    <style>
        a:link {
            color: red;
            text-decoration: none;
        }
        a:visited {
            color: yellow;
        }
        a:hover {
            color: orange;
            text-decoration: none;
        }
        a:active {
            background-color: green;
            text-decoration: underline;
        }
    </style>
 </head>
 <body>
    <h2>Hyper link attributes</h2>
    <a href="https://www.naver.com">네이버</a>
    <hr>
    <a href="https://www.google.com">구글</a>
 </body>
 </html>
--- a/positioning/3-1/default.html
+++ b/positioning/3-1/default.html
@ -0,0 +1,42 @@
 <!DOCTYPE html>
 <html>
 <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width"/>
    <style>
        #text1 {
            font-size: 1em;
        }
        #text2 {
            font-size: 2em;
        }
        #text3 {
            font-size: 1rem;
        }
        #text4 {
            font-size: 2rem;
        }
        #text5 {
            font-size: 30px;
        }
        body {
            font-size: 20px;
        }
    </style>
 </head>
 <body>
    <p>Basic text size: body 20px</p>
    <p id="text5">30px</p>
    <hr>
    <p id="text1">1em</p>
    <p id="text2">2em</p>
    <hr>
    <p id="text3">1rem</p>
    <p id="text4">2rem</p>
 </body>
 </html>