위코딩
반응형
article thumbnail
[CSS] 텍스트 스타일링 (글꼴, 색상, 크기 등)
Style sheet/CSS 2023. 7. 19. 03:08

텍스트 스타일링은 CSS를 사용하여 웹 페이지의 텍스트에 다양한 스타일을 적용하는 것을 말합니다. 글꼴, 색상, 크기 등을 조절하여 텍스트를 눈에 띄게 만들거나 원하는 디자인으로 꾸밀 수 있습니다. 아래는 텍스트 스타일링에 대한 주요 내용입니다. 1. 글꼴(Font) 글꼴 스타일은 텍스트가 어떤 글꼴로 표시될지를 지정합니다. 웹 페이지에서 사용할 글꼴은 웹 브라우저에서 지원하는 것이어야 하며, 주로 웹 폰트를 사용하여 다양한 글꼴을 사용할 수 있습니다. /* 글꼴 스타일링 예제 */ body { font-family: Arial, sans-serif; } 위의 예제에서는 body 요소에 Arial 글꼴을 사용하고, 해당 글꼴이 사용할 수 없는 경우에는 대체 폰트인 sans-serif를 사용합니다. 2. ..

article thumbnail
[CSS] CSS 선택자 (요소 선택자, 클래스 선택자, ID 선택자 등)
Style sheet/CSS 2023. 7. 19. 03:01

CSS 선택자는 HTML 문서 내에서 스타일을 적용할 대상을 선택하는 역할을 합니다. 다양한 선택자를 사용하여 원하는 HTML 요소에 스타일을 적용할 수 있습니다. 주요한 CSS 선택자에 대해 설명하겠습니다. 1. 요소 선택자(Element Selector) 가장 기본적인 선택자로, HTML 요소의 이름을 사용하여 스타일을 적용합니다. 요소 선택자는 해당 HTML 요소 전체에 스타일을 적용합니다. /* 모든 태그에 적용되는 스타일 */ h1 { color: blue; } 2. 클래스 선택자(Class Selector) HTML 요소에 class 속성을 추가하고, 그 클래스 이름을 사용하여 스타일을 적용합니다. 클래스 선택자는 여러 개의 HTML 요소에 같은 스타일을 적용하고 싶을 때 유용하게 사용됩니다...

article thumbnail
[CSS] CSS 소개와 기본 구문
Style sheet/CSS 2023. 7. 19. 02:47

CSS(Cascading Style Sheets)는 HTML과 같은 마크업 언어로 작성된 웹 페이지의 디자인과 레이아웃을 정의하는 스타일 시트 언어입니다. CSS는 웹 페이지를 아름답고 일관된 디자인으로 꾸미는 역할을 담당하며, 웹 개발에서 필수적인 기술 중 하나입니다. 1. CSS 소개 CSS는 HTML로 작성된 웹 페이지의 디자인, 레이아웃, 색상, 글꼴, 크기 등을 스타일링하는 역할을 합니다. HTML은 웹 페이지의 내용을 정의하고, CSS는 이 내용을 꾸미고 디자인하는 역할을 합니다. 이를 통해 웹 페이지의 모양과 느낌을 자유롭게 조절할 수 있습니다. CSS는 다양한 선택자(selector)와 스타일 속성(property)을 사용하여 웹 페이지의 요소들을 선택하고 스타일을 적용합니다. 스타일 속성..

article thumbnail
[HTML] HTML 소개 및 기본 구조
Mark Up/HTML 2023. 7. 19. 00:33

HTML이란 무엇인가요? HTML은 HyperText Markup Language의 약자로, 웹 페이지를 구성하는 데 사용되는 기본적인 마크업 언어입니다. 1990년대 초에 팀 버너스리(Tim Berners-Lee)에 의해 개발되어 웹의 기본 구조를 정의하는 역할을 합니다. HTML은 웹 페이지의 내용을 구조화하고, 다양한 요소들을 정의하여 웹 브라우저가 이를 해석하여 사용자에게 보여줄 수 있도록 합니다. HTML 문서의 기본 구조 모든 HTML 문서는 기본적으로 아래와 같은 구조로 이루어져 있습니다. : 이 문서가 HTML5 문서임을 선언합니다. : HTML 문서의 루트(root) 요소를 정의합니다. 모든 HTML 요소들은 이 태그 안에 포함되어야 합니다. : 웹 페이지의 메타 정보를 정의하는 부분으로..

반응형
loading loading