데이터 과학 노트

CSS 본문

Development/Web Basic (HTML,CSS,JS)

CSS

Data Scientist Note 2023. 4. 21. 00:27

CSS: Cascading Style Sheets

Prerequisite

  • HTML, inline, block

Selector (선택자)

기본 선택자
  • 전체 선택자 (universal) *
  • 태그 선택자 (tag) elementname
  • 클래스 선택자 (class) .classname
  • ID 선택자 (id) idname
  • 속성 선택자 (attribute) [attr=value]
  • 상태 선택자 (state) :
그룹 선택자
  • 선택자 목록 A, B
결합자
  • 인접 형제 결합자 A + B
  • 일반 형제 결합자 A ~ B
  • 자식 결합자 A > B
    • B 가 A 의 바로 밑

Display, Position

  • Display
    • inline
    • block
    • inline-block
  • Position
    • static
    • relative
    • absolute
    • fixed
    • sticky

FlexBox

  • TODO

참조