우당탕탕 코딩생활

  • 홈
  • 태그
  • 방명록

CSS #IT #코딩 1

CSS의 기초! ID와 Class의 차이점

안녕하세요.🥰 지난 게시물에서는 CSS의 스타일에 대해서 알아봤는데요. 오늘은 '선택자(selector)에 대해 알아보겠습니다. 선택자란 CSS로 UI의 어느 부분을 디자인 할 지, 즉 표현할 대상이 되는 부분을 말합니다. 아래 이미지를 살펴보겠습니다. CSS를 배우지 않았더라도 어림짐작은 할 수 있죠. 예를 들어 H는 헤더라던가, color는 색이라던가. 맞습니다만, 이런 명칭을 CSS에서는 이렇게 정의해주고 있습니다. 어렵지 않죠? { }안에 여러 속성을 지정할 수 있고, 각 속성 설정간에는 ;로 구분해줍니다. 이제 자연스럽게 선택자에 대해 알아보려고 합니다. 우리가 정확하게 알아야할 선택자는 2가지인데요. 바로 id 선택자와 class선택자입니다. 얼핏보면 비슷하고 하는 일도 비슷한 친구들인데 알아..

코딩/CSS 2023.02.21
이전
1
다음
더보기
300x250
프로필사진

시작하자 코딩

GIT 블로그
  • 분류 전체보기 (80)
    • 공부 (13)
      • 오답노트 (7)
      • 개인공부 (5)
      • 웹디자인 실기 (1)
      • 정보처리기능사 실기 (0)
    • 코딩 (30)
      • Javascript (11)
      • Javascript 예제 (6)
      • HTML (6)
      • CSS (4)
      • 애니메이션 (3)
      • PHP (0)
    • 웹 페이지 제작 (8)
      • 몽분리 (1)
    • 이펙트 효과 (22)
      • 퀴즈 만들기 (9)
      • 게임 이펙트 (0)
      • 마우스 이펙트 (3)
      • 슬라이드 이펙트 (7)
      • 패럴랙스 이펙트 (2)
      • CSS 속성 검색 창 만들기 (1)
    • MySQL (1)
    • 일상 (4)
      • 맛집 (0)
      • 여행 (0)
      • 독서 (0)
      • 냥멍이 (4)

Tag

배열 #객체 #자바스크립트 #자료형 #원시 유형 #문자열 #논리형, 문자열 객체 #endsWith() #메소드 #자바스크립트, 자바스크립트 #정보처리기능사 #퀴즈만들기 #함수 #선택자 #기초 #기본, 자바스크립트 #정답 #퀴즈 #함수, includes, 코딩 #웹퍼블리셔 #HTML #CSS #코딩시작 #기초 #인라인 #블록 #Inline Block #Block-leverl Elements #Inline Element, 웹 페이지 디자인 #웹 #웹 개발, 고양이 #미르 #다온, 자바스크립트 #이펙트, 모던자바스트립트 #예제 #자바스크립트 #제이슨 #json, 웹디자인 #실기 #웹디자인 실기 #HTML #CSS #웹스토리보이 #inline #padding, match(), 마크업 #HTML #CSS #IT #퍼블리셔 #웹 #웹코딩 #시멘틱 마크업, 자바스크립트 #문자열 #문자열 객체 #기본 #기초 #이론 #코딩, lastindexof, CSS #CSS애니메이션, 자바스크립트 #기초 #코딩 #함수 #개발 #테스트 #기초, 자바스크립트 기초 #자바스크립트 문제 #데이터 # 자바스크립트 #함수 #예제 #문제 #기능사, CSS #IT #코딩, indexof(),

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바