실시간 강의

36. CSS 02/11 (3) - 패스트캠퍼스 백엔드 부트캠프 3기

gkss2tpt 2025. 2. 11. 16:41

1. CSS(Cascading Style Sheet)

  • CSS를 HTML에 적용하는 방법
    • 외부문서(*.css)를 HTML문서에 포함시키는 방법 
    • HTML문서에 <style>태그안에 스타일을 정의
    • 태그 안에 스타일을 정의
  • CSS 초기화 - 브라우저마다 초기값이 달라서 맞춰주기 위함

2. Layout

  • relative : Layout유지, Paint만 이동, 상대좌표
  • absolute : 고정좌표(원점), 가장 가까운 relative를 원점으로 한다, Layout유지X
  • relative와 absolute로 겹치기를 할 수 있다.
    • relative부모 -> absolute자식
  • overflow
    • hidden : 넘친 부분이 잘리고 보이지 않게 된다.
  • float : 어울림 기능(옛날기능) -> flex최신기능
  • inline-block : bloack 와 inline의 중간
  • box-sizing 속성 : boder-box가 사이즈 측정 쉬움