CSS 기초

BBOrong_22·2022년 4월 3일

스파르타 원정

목록 보기
3/52

📢 글씨 색깔 바꾸기

🎈HTML 부모-자식 구조

CloudScape

🎈용어정리

초록색 <div><button>나는 버튼1</button>의 부모다
<button>나는 버튼<1/button>은 초록색<div>의 자식이다

👉부모태그에 글씨를 초록색으로 바꿔라하면 나는 버튼1 의 글씨가 초록색으로 바뀐다.

🎈뭔가를 꾸민다는것은 가리켜야 가능하다.

예)뽀롱이의 주둥이를 초록색으로 바꿔줘
명찰 달아주는것과 지칭하는 행위 두가지를 해야한다.

<h1>태그 안에 class="mytitle"이라는 명찰을 달아준다

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

<head>안<title>아래에<style>을 생성하고 .mytitle로 지칭해준다.
.mytitle { }안 color: red;(따옴표 꼭 붙힘)

🎈전체 코드

   <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>로그인 페이지 또 만든다 과연 얼마나 못할지..</title>
    <style>
        .mytitle {
            color : red;
        }
    </style>
</head>
  <body>
      <h1 class="mytitle">로그인 페이지</h1>
      <p> ID: <input type="text" /></p>
      <p> PW: <input type="text" /></p>
      <button>로그인하기</button>
 </body>
</html>

🎈완성

profile
아 스파르타 복습해야한다..

0개의 댓글