(국비)UX º UI 및 웹퍼블리셔 수업/HTML | CSS

[웹 국비 교육 1일차] HTML, CSS 기초 개념 정리 (2025. 5. 23.)

발등튀KIM 2025. 5. 26. 23:10

안녕하세요! 



2025년 5월 23일부터 UI·UX 반응형 웹퍼블리셔 국비 지원 수업을 시작했습니다.  
앞으로 이 블로그에 매일의 학습 내용과 복습 기록을 정리해 올릴 예정입니다.

---

1일차 학습 내용: HTML과 CSS 기초 개념

## HTML: 웹 페이지의 뼈대, "배우"
- HTML(HyperText Markup Language)는 웹페이지의 구조를 구성하는 언어입니다.
- 엘리먼트(Element)란?
  - 여는 태그(`<div>`)와 닫는 태그(`</div>`)로 구성된 HTML의 기본 단위입니다.
  - HTML은 엘리먼트들을 조합해 페이지를 마크업합니다.

## CSS: HTML을 꾸며주는 "스타일리스트"
- CSS(Cascading Style Sheets)는 웹 요소의 디자인과 스타일을 설정합니다.
- CSS에는 우선순위가 존재합니다.
  1. 코드의 위치가 아래일수록 우선 적용
  2. 선택자의 구체성이 높을수록 우선 적용
     ex) `div` <<<<< `body div`
  3. `!important` 속성을 사용하면 최우선 적용

 

 

---

마무리

오늘은 HTML과 CSS의 기본 개념을 다뤘습니다.  
단순하지만 중요한 개념들이 많아 앞으로 반복 복습이 필요할 것 같습니다.

복습 완료! 끝-





728x90