Notice
«   2024/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
관리 메뉴

Jade_o.o

[css] selector 실습1 - 기본 선택자 본문

CSS

[css] selector 실습1 - 기본 선택자

by jade 2024. 1. 12. 11:21

selector의 기본 선택자를 연습해보자

#(id) / .(class)

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>selector 실습1 - 기본 선택자 연습하기</title>
    <style>
        *{
            color:white;
        }
        body{
            background-color: gray;
        }
        span{
            background-color: red;
        }

        #first{
            background-color: blue;
        }

        .second{
            background-color: green;
        }
 
    </style>
</head>
<body>
    <h1>기본 선택자 연습하기</h1>
        <p>기본선택자 연습을 해보아요!</p>
        <span>안녕하세요</span>
        <ol>
            <li id="first">1</li>
            <li class="second">2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ol>
</body>
</html>

 

저작자표시 비영리 변경금지

'CSS' 카테고리의 다른 글

[css] selector 실습3 - 가상 클래스 선택자 & 가상 요소 선택자  (0) 2024.01.12
[css] selector 실습2 - 복합 선택자  (0) 2024.01.12
[css] 인라인 방식,내장방식,링크방식,@import 사용하기 실습 - 모든 css 적용 방법 해보기  (0) 2024.01.12
[css] selector 선택자4 - 속성 선택자  (0) 2024.01.12
[css] selector 선택자3 - 가상 클래스 선택자 & 가상 요소 선택자  (0) 2024.01.12
'CSS' Related Articles more