ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [CSS] 기본 선택자
    HTML & CSS 2023. 9. 8. 13:49
    태그 형태 설명
    전체 선택자 * HTML 페이지 내부의 태그를 모두 선택
    태그 선택자 태그 HTML 페이지 내부의 특정 태그를 모두 선택
    아이디 선택자 #아이디 특정 id 속성이 있는 태그 선택
    클래스 선택자 .클래스 특정 클래스가 있는 태그 선택

    전체 선택자

    • 모든 하위 요소에 한꺼번에 스타일을 적용할때 사용
    • 문서의 여백이나 글꼴,크기 등 기본 스타일을 초기화할때 사용
    *{
        속성:값;
    }

    태그 선택자

    • 태그를 선택하면 웹페이지에 해당 태그에 해당하는 모든 요소들에 스타일이 적용
    태그 {
    	속성: 값;
    }

    아이디 선택자

    • id 속성 : 태그에 이름을 부여하는 속성(변수명)
    • id는 속성명은 중복 하여 사용하지 않음 (관례)
    • "#" 기호에 태그의 id를 뒤에 붙여서 사용
    #id 선택지{
            속성:값;
    }

    클래스 선택자

    • class : 중복허용 id와 다르게 중복하여 사용가능
    • 여러개를 중복으로 사용가능하기 떄문애 공통으로 스타일을 적용해야 할 때 사용
    •  "." 뒤에 클래스 명을 붙여서 사용
       #class 선택자{
            속성:값;
        }

    'HTML & CSS' 카테고리의 다른 글

    [CSS] 상태 선택자  (0) 2023.09.08
    [CSS] 특수(속성,후손,자손,반응) 선택자  (0) 2023.09.08
    [HTML] 구조화  (0) 2023.09.08
    [HTML] 공간 태그(div & span)  (0) 2023.09.08
    [HTML] FORM 양식 태그  (0) 2023.09.07
Designed by Tistory.