[AI헬스캠프] CSS 이론 (2)

이전 글에 이어 CSS 에 대해 추가로 알아보겠습니다. CSS 박스 모델 (Box Model)• 모든 HTML 요소가 사각형 박스로 구성된다는 CSS의 기본 개념• 네 가지 영역- Content: 텍스트, 이미지가 들어가는 실제 내용 영역- Padding: 내용과 테두리 사이의 내부 여백- Border: 테두리, 요소의 경계- Margin: 요소 외부의 여백, 다른 요소와의 간격 예시를 들어보겠습니다.이것은 박스 모델입니다!* div= division(구역, 영역) / 웹페이지 안에서 내용을 묶어 하나의 구역으로 만들어줄 때 사용라는 HTML 코드를width 200px, padding 20px, border 5px solid black, margin 15px 로 스타일을 적용하면이런식으로 나오는 것을 볼..

• format_list_bulleted [오즈코딩스쿨] AI 헬스케어/👍🏻 베이스캠프 미션
• · 2025. 9. 10.

[AI 헬스캠프] CSS 이론 (1)

CSS (Cascading Style Sheets): HTML이나 XML 같은 마크업 언어로 작성된 문서의 스타일을 꾸미기 위한 스타일 시트 언어. HTML은 문서의 구조와 콘텐츠를 정의하지만,CSS는 문서를 시각적으로 꾸미고 스타일을 지정하여 레이아웃을 제어합니다. 주로 HTML 문서의1. 요소 안에서 태그를 사용하거나(인라인 스타일)2. 외부 CSS 파일을 연결하여 사용할 수 있습니다.외부 CSS 파일은 요소에 href 속성으로 css 파일명을 입력하면 연결됩니다.주로 외부 CSS 파일을 사용하는 것을 권장합니다. CSS는 HTML 요소를 선택하기 위해 선택자를 사용하는데요.선택자(Sclectors)는 스타일을 적용할 대상을 지정합니다.만약 같은 요소가 두 개 이상이 있어 각각의 스타일을 지정하..

• format_list_bulleted [오즈코딩스쿨] AI 헬스케어/👍🏻 베이스캠프 미션
• · 2025. 9. 9.