본문 바로가기 메뉴 바로가기

공부 기록일지📚

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

공부 기록일지📚

검색하기 폼
  • 분류 전체보기 (387)
    • Frontend (278)
      • CSS, HTML (50)
      • CSS 프레임워크 (5)
      • JavaScript (114)
      • TypeScript (22)
      • react.js (49)
      • Next.js (9)
      • jQuery (8)
      • WIL😎 (20)
    • 코딩테스트 (27)
      • 알고리즘 & 자료구조 개념 (18)
      • 연습문제 (9)
    • 프로그래밍 (77)
      • Node.js (6)
      • Python (3)
      • 유용한 사이트 | 정보 (16)
      • Git, Github (24)
      • 정리하지 못한 내용 (3)
      • CS 지식 (25)
    • private (1)
      • interest (0)
      • 자격증 (1)
  • 방명록

grid flex (1)
[CSS] 선택자(전체, 그룹, 가상요소, 형제 요소), 레이아웃(float, flex, grid) 기본

선택자(selector) 1.전체 선택자 * { property: value } 2.그룹 선택자 수의 제한이 없다. 아래 예시에서는 두 클래스에게 같은 속성을 부여한다는 소리 .class1, .class2 { property: value } 3.가상 클래스 선택자 : 실제로 html요소를 수정하지 않고, css만으로 가상 요소를 추가해 선택할 수 있다. 선택자:가상 클래스 { property: value } 3-1.가상 클래스 선택자 예시🚗 :first-child (형제 요소 중 첫번째만 선택) e.g. p:first-child 라고 지정해서 css 를 먹였는데 적용이 안되는 경우 -> 형제요소 중 첫번째 p태그를 지칭하는 것으로 만일 1번째 형제 요소가 p태그가 아니라 다른 태그라면 css가 당연히 적..

Frontend/CSS, HTML 2023. 1. 30. 21:45
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 타입스크립트 장점
  • 항해99프론트
  • 부트캠프항해
  • nvm 설치순서
  • 원티드 3월 프론트엔드 챌린지
  • reactAPI
  • 항해99추천비추천
  • ~ ^
  • is()
  • grid flex
  • 프리렌더링확인법
  • nvm경로 오류
  • && 셸 명령어
  • D 플래그
  • float 레이아웃
  • aspect-ratio
  • getStaticPaths
  • getServerSideProps
  • tilde caret
  • 프리온보딩 프론트엔드 챌린지 3월
  • 항해99프론트후기
  • Prittier
  • 원티드 프리온보딩 FE 챌린지
  • 타입스크립트 DT
  • 원티드 프리온보딩 프론트엔드 챌린지 3일차
  • 형제 요소 선택자
  • 원티드 FE 프리온보딩 챌린지
  • 틸드와 캐럿
  • text input pattern
  • fs모듈 넥스트
more
«   2025/05   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바