Seemingly Online
close
프로필 배경
프로필 로고

Seemingly Online

  • 카테고리 (570)
    • Language (250)
      • 알고리즘 (100)
      • Java (144)
      • python (2)
      • Kotlin (4)
    • WEB (141)
      • Spring (24)
      • Spring Security (3)
      • Next.js (3)
      • TypeScript (3)
      • JavaScript (45)
      • jQuery (7)
      • CSS (25)
      • XML (3)
      • Maven (1)
      • Gradle (1)
      • JSP (1)
      • Thymeleaf (10)
      • HTML (11)
      • MyBatis (1)
      • JPA (3)
    • App (44)
      • Flutter (33)
      • Dart (4)
      • Android (2)
      • IOS (3)
      • Firebase (2)
    • Git (6)
      • GitHub (6)
    • AWS (15)
      • SCT (2)
      • Amazon Aurora (1)
      • S3 (2)
      • EventBridge (1)
      • EC2 (7)
      • EFS (1)
    • DataBase (44)
      • MySQL (19)
      • Oracle SQL (19)
      • Postgre-SQL (6)
    • OS (33)
      • Linux (27)
      • Windows (1)
      • Mac (5)
    • Tool (15)
      • DocKer (6)
      • Intellij (7)
      • VScode (2)
    • IT (17)
      • Developer-etc (13)
      • 개발상식 (4)
    • CodePen (2)
      • 캐러셀 (2)
  • 홈
  • 방명록
[CSS] Selector(ID) / Selector(Class) CSS선택자 알아보기!

[CSS] Selector(ID) / Selector(Class) CSS선택자 알아보기!

2020-10-03 우선 Selector의 의미는 말 그대로 자신이 원하는 특정 태그를 선택할 수 있는 기능입니다. 그중에서 ID의 사용법을 먼저 알아보도록 하겠습니다. 소스코드 Css 길동 짱구 철수 먼저 자신이 바꾸고자 하는 태그의 여는 부분에 id를 만들어주어야 합니다. 위와 같이 정렬된 첫 번째 리스트인 길동에게 변화를 주고 싶어 id = "Only" 를 선언해 주었습니다. 다음에는 해당 태그를 원하는 값으로 변경해 주기 위해서 head 태그 안에 style태그를 선언해주고 이후 id의 불러오기 위한 selcetor인 #뒤에 해당 id(Only)를 적어주면 됩니다. (이후 저는 색깔을 빨강으로 바꾸기 위해 중괄호 후 color : red를 선언해 주었습니다.) 그러면 아래와 같이 id select..

  • format_list_bulleted WEB/CSS
  • · 2020. 10. 3.
  • textsms
  • navigate_before
  • 1
  • 2
  • 3
  • 4
  • 5
  • navigate_next
공지사항
전체 카테고리
  • 카테고리 (570)
    • Language (250)
      • 알고리즘 (100)
      • Java (144)
      • python (2)
      • Kotlin (4)
    • WEB (141)
      • Spring (24)
      • Spring Security (3)
      • Next.js (3)
      • TypeScript (3)
      • JavaScript (45)
      • jQuery (7)
      • CSS (25)
      • XML (3)
      • Maven (1)
      • Gradle (1)
      • JSP (1)
      • Thymeleaf (10)
      • HTML (11)
      • MyBatis (1)
      • JPA (3)
    • App (44)
      • Flutter (33)
      • Dart (4)
      • Android (2)
      • IOS (3)
      • Firebase (2)
    • Git (6)
      • GitHub (6)
    • AWS (15)
      • SCT (2)
      • Amazon Aurora (1)
      • S3 (2)
      • EventBridge (1)
      • EC2 (7)
      • EFS (1)
    • DataBase (44)
      • MySQL (19)
      • Oracle SQL (19)
      • Postgre-SQL (6)
    • OS (33)
      • Linux (27)
      • Windows (1)
      • Mac (5)
    • Tool (15)
      • DocKer (6)
      • Intellij (7)
      • VScode (2)
    • IT (17)
      • Developer-etc (13)
      • 개발상식 (4)
    • CodePen (2)
      • 캐러셀 (2)
최근 글
인기 글
최근 댓글
태그
  • #BOJ
  • #백준알고리즘
  • #Java8
  • #자바알고리즘
  • #자바공부
  • #자바기초
  • #Java
  • #backjoon
  • #자바
  • #백준
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바