728x90

2025/05/26 2

[웹 국비 교육 2일차] HTML, CSS : display, 엘리먼트 관계, 글자와 링크, 후손 선택자 개념 정리 (2025. 5. 26.)

안녕하세요! 2025년 5월 26일, UI·UX 반응형 웹퍼블리셔 국비 수업 2일차 수업 내용을 정리해보았습니다. 오늘은 CSS의 핵심 속성인 `display` 개념, HTML 구조, 그리고 주석 사용법 등을 배웠습니다. --- 2일차 학습 내용 요약 Display 속성 ## display: block- 기본값인 경우, 바뀌는 것이 없음.(블록화)- 특징: - 너비: 설정하지 않으면 최대한 늘어남 - 높이: 내용에 따라 최소한으로 줄어듦 - 한 줄에 무조건 하나만 위 (자리가 남아도 옆에 못 옴) ## display: inline-block- 글자처럼 배치되는 속성(글자화)- 특징: - 너비와 높이: 설정하지 않으면 최소한으로 줄어듦 - 한 줄에 여러 개가 나열됨 (공간이 허용되는 한) ..

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

안녕하세요! 2025년 5월 23일부터 UI·UX 반응형 웹퍼블리셔 국비 지원 수업을 시작했습니다. 앞으로 이 블로그에 매일의 학습 내용과 복습 기록을 정리해 올릴 예정입니다. --- 1일차 학습 내용: HTML과 CSS 기초 개념 ## HTML: 웹 페이지의 뼈대, "배우" - HTML(HyperText Markup Language)는 웹페이지의 구조를 구성하는 언어입니다. - 엘리먼트(Element)란? - 여는 태그(``)와 닫는 태그(``)로 구성된 HTML의 기본 단위입니다. - HTML은 엘리먼트들을 조합해 페이지를 마크업합니다. ## CSS: HTML을 꾸며주는 "스타일리스트" - CSS(Cascading Style Sheets)는 웹 요소의 디자인과 스타일을 설정합니다. - CS..

728x90