도란도란 세상 사는 이야기 :)

고정 헤더 영역

글 제목

메뉴 레이어

도란도란 세상 사는 이야기 :)

메뉴 리스트

  • 홈
  • 태그
  • 분류 전체보기 (835)
    • IT테크 프로그램 어플 (516)
      • 굿노트5 Goodnotes5 (295)
      • 프로크리에이트 Procreate (30)
      • 블로 VLLO (35)
      • 캡컷 CapCut (0)
      • 루마퓨전 LumaFusion (9)
      • 파이널컷 Final Cut Pro (18)
      • 프리미어 프로 Premiere Pro (13)
      • 키노트 Keynote (9)
      • 가라지밴드 GarageBand (5)
      • 포토샵 Photoshop (6)
      • Illustrator 일러스트레이터 (10)
      • 인디자인 InDesign (5)
      • TIP (40)
      • IT 제품 (12)
      • App Store 어플리뷰 (3)
      • 유용한 사이트 (17)
      • HTML & CSS (9)
    • 인터넷 웹 페이지 (15)
      • 블로그 기록 (4)
      • 상업용 무료 폰트 (11)
    • 도란도란 라이프 (288)
      • 캘리그라피 (2)
      • 소소한 생활 정보 (174)
      • 유용한 정보 & 정책 (20)
      • 건강 & 다이어트 (3)
      • 영어 공부 (1)
      • 세무사 공부 (0)
      • 주식 이야기 (18)
      • 부동산 이야기 (8)
      • 요리 레시피 (7)
      • 코바늘 (2)
      • 일상 (52)
    • 공연 문화 책 (6)
      • 책 (4)
      • 공연 (2)
    • 연예 Entertain (2)
      • 연예 (2)
    • 해외여행 (6)
      • 태국 (2)
      • 스페인 (2)
      • 영국 (2)

검색 레이어

도란도란 세상 사는 이야기 :)

검색 영역

컨텐츠 검색

CSS 선택자

  • CSS3 기본 선택자 정리 & 모음

    2020.03.11 by ˚。

  • 웹 꾸미기 CSS기초 자손, 후손, 동위 선택자 알아보기 Combinators

    2020.03.09 by ˚。

CSS3 기본 선택자 정리 & 모음

CSS3 기본 선택자 정리 * 전체를 선택해라 - body 태그 내부 요소뿐만 아니라, html 태그를 포함해 head 태그, title 태그, style 태그까지 모두 선택한다. #(만들어준 id속성 이름) body 안에서 지정해준 id를 선택해라 .(만들어준 class속성 이름) body 안에서 지정해준 class를 선택해라 태그이름 이 이름의 태그를 선택해라 - 아무런 기호 없이 태그 이름을 입력하면, 그 자체로 선택자(Selectors)가 된다. 태그이름[속성이름] 이 속성이 있는 태그를 선택해라 태그이름[속성이름=속성값] 이 속성의 이 속성 값을 가진 태그를 선택해라 A B A태그 하위에 위치한 모든 B태그를 선택해라 A > B A태그 바로 하위에 위치한 B태그들만 선택해라. A + B 동일한 ..

IT테크 프로그램 어플/HTML & CSS 2020. 3. 11. 09:00

웹 꾸미기 CSS기초 자손, 후손, 동위 선택자 알아보기 Combinators

CSS는 Cascading Style Sheets의 약자입니다. 간단하게 말해서 웹 문서를 꾸며주는 부분이라고 생각하면 됩니다. HTML 태그가 웹 문서를 구성하는 기능이라면 CSS는 HTML 웹 문서를 꾸며주는 기능인셈이죠. 오늘은 CSS의 선택자중에 [자손 선택자, 후손 선택자, 동위 선택자]에 대해서 알아보도록 하겠습니다. 선택자(Seletors) 먼저 선택자 라는것에대해 확실히 개념을 알아두어야 합니다. 물론 자연스럽게 알게 되는 개념이지만, 처음 접하는 사람에게는 모든 것이 어렵습니다. '선택자'는 Selectors의 번역입니다. 풀어서 설명하면 입니다. 결국 선택자가 있어야 원하는 부분을 꾸며줄 수 있는 것입니다. 예를 들어 "나는 제목의 글씨를 파란색으로 바꾸고 싶어" 라고 했을 때, CSS..

IT테크 프로그램 어플/HTML & CSS 2020. 3. 9. 09:15

추가 정보

반응형

인기글

페이징

이전
1
다음

TISTORY 도란 비즈니스 문의 kiki_rosa@naver.com
도란도란 세상 사는 이야기 :) © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바