HTML & CSS 기초 소개 실무에 많이 사용되는 HTML 태그 및 CSS 속성을 살펴봅니다 HTML 소개 웹에서 내용을 파악하기 쉽게 문서화하는 언어가 바로 HTML HTML 문법 - 태그 문법을 크게 6가지로 태그, 속성, 중첩, 빈 태그, 공백, 주석
HTML 태그 소개 주요 태그는 잘 이해하고, 그 외 사용 빈도가 적은 태그는 필요할 때 스스로 찾아 익히는 방향으로 학습을 진행 제목과 단락요소 제목(heading) 태그는 문서 내에 제목을 표현할 때 사용하는 태그 h 단락(paragraph) 태그는 para
콘텐츠 모델 HTML5에는 요소들이 가지고 있는 성격에 따라 요소의 종류를 정의하는 규칙들이 있습니다. 이런 규칙에 대해 비슷한 성격의 요소들끼리 그룹화한 것이 콘텐츠 모델이며, 각각의 요소들은 하나 또는 여러 개의 콘텐츠 모델에 속하게 됩니다. Content M
Cascading Style Sheets(CSS) HTML이 문서의 정보, 구조를 설계한다면 CSS는 문서를 보기 좋게 디자인합니다. CSS 문법과 적용 HTML의 속성은 영어로 attribute이고, CSS의 속성은 property입니다. attribute
속성 - 정의와 구문 W3C 속성 - 단위 CSS 속성과 값을 사용할 때 값과 함께 많이 사용되는 것 중의 하나가 단위입니다. 절대 길이 : px, pt 상대 길이 : %, em, rem, vw 속성 - 색상 폰트의 색상 값을 적용할 때 사용하는 속성은 c
속성 - typography 폰트의 기본이 되는 타이포그래피의 구조에 대해 알아보도록 하겠습니다. em 폰트의 전체 높이를 의미합니다. ex ( = x-height ) 해당 폰트의 영문 소문자 x의 높이를 의미합니다. Baseline 소문자 x를 기준으로 하단의 라
속성 - display display 속성 : 요소의 렌더링 박스 유형을 결정하는 속성입니다. | display | width | height | margin | padding | border | | --- | --- | --- | --- | --- | --- |
미디어쿼리 소개 미디어퀴리(Media Queries)는 각 미디어 매체에 따라 다른 스타일(css style)을 적용할 수 있게 만드는 것입니다. 미디어 매체는 모니터와 같은 스크린 매체, 프린트, 스크린 리더기와 같은 것들을 이야기 합니다. 미디어쿼리는 동일한