기본CSS

이시원·2022년 3월 4일
0

CSS

목록 보기
1/14
post-thumbnail

○CSS

HTML문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어

○CSS 분리이유

  1. 정보(HTML)와 디자인(CSS)의 분리
  2. 유지 및 보수의 편의성
  3. 효율적인 재사용성

Style태그

css언어로만 작성
head 안에 입력
선택자 {
속성 : 값;
속성 : 값;
}

<!-- head : 부가적인 정보 -->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1{
            color :lightseagreen;
            background-color :black;
            font-size: 100px;
            /* font-weight : 글자두께 100-900, bold, lighter */
            font-weight: 900;
            font-family :"궁서체";
            font-style: italic;
        }
    </style>
</head>
<!-- body : 정보표현 -->
<body>
    <h1> 이시원 </h1>
</body>
profile
코딩공부

0개의 댓글