CSS 기초

오늘 드디어 1주 차 강의를 다 들었네요.

다시 한번 강의를 복습하면서 공부 일지를 작성해본다.

 

CSS 사용법

HTML head 안에 style 공간을 만들어 사용한다.

꾸미기 위해서는 무엇을 꾸밀 것인지 지정을 해주어야 한다.

연습할 HTML 만들어주기

Pycharm에서 연습할 HTML 파일을 만들어주었다.

꾸미기를 원하는 곳 지정

body에 <h1> 부분에 class="mytitle"라고 이름표(꾸미기를 할 곳 지정)를 만들어 주었다.

head 부분에 style 공간을 만들어 주고. mytitle { } 입력해주었는데 mytitle 이름표를 어떻게 꾸밀 것인지 이 공간에 입력을 한다.

    <style>
        .mytitle {
            color: red;
        }
    </style>

이렇게  입력을 해주면 body에

<h1 class="mytitle">로그인 페이지</h1>

브라우저 로그인 페이지

브라우저에서 로그인 페이지 텍스트가 빨간글씨로 변한 것을 확인할 수 있다.