2024-10-10   DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>         ul {            width: 100%;                  /* 가로 너비 속성 */            height: 50px;                 /* 세로 너비 속성 */            background-color: #069;     /* 배경 색상 속성 */            list-style-type: none;       ..

2024-10-10  DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        /* *(모든 영역) : 우선순위가 가장 후순위에 있음 */        * {            font-size: 20px;        }        #txt {            font-size: 3em;        }        p {            font-size: 0.8em;        }    style>head>body>            e..

2024-10-10  DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>head>body>            1. 블록레벨 요소            - 주로 태그 : div, hn, p            - 사용 가능한 최대 가로 너비로 사용한다.            - width : 100%, hrigh : 0% 로 시작 ==> default 값            - 크기를 지정 할 수 있음.            - 수직으로 쌓임            - margin, pad..

2024-10-10  DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        #title {            color: blue;        }        #title2 {            color: green;        }        .main_text {            font-size: 20px;            font-weight: bold;            color: red;        }    style>h..

2024-10-10 DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        h1 {            color: blue;        }        h1:hover {        /* 선택자에 마우스가 올라갔을 때 변하는 값 */            color: red;        }    style>head>body>        h1>방가방가h1>body>html>

2024-10-10 DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        input[type="text"] {            /* 테두리 스타일 지정하는 속성 */            border: 3px solid blue ;        }        input[type="password"] {            border: 3px solid red;        }    style>head>body>        form>        ..