CSS4 CSS 문자 관련 스타일에는 무엇이 있을까요 CSS에서는 다양한 문자 스타일을 지정할 수 있습니다. 다음은 대표적인 문자 스타일에 대한 설명입니다. font-family 사용할 글꼴을 지정합니다. 여러 개의 글꼴을 쉼표로 구분하여 지정할 수 있으며, 첫 번째 글꼴이 사용할 수 없는 경우 두 번째 글꼴을 대신 사용합니다. 예시: body { font-family: 'Noto Sans KR', sans-serif; } font-size 글자 크기를 지정합니다. px, em, rem 등 다양한 단위로 크기를 지정할 수 있습니다. 예시: h1 { font-size: 36px; } font-weight 글자 두께를 지정합니다. normal, bold 등의 값을 가질 수 있으며, 숫자로도 지정할 수 있습니다. 숫자는 100~900까지 100 단위로 지정 .. CSS 2023. 3. 1. CSS 선택자 14가지에 대해서 알아보자 Type Selector Type Selector는 HTML 태그 이름을 사용하여 스타일을 적용하는 선택자입니다. 예를 들어, 다음과 같은 코드가 있다면: 이것은 문단입니다. 는 HTML의 문단 태그이므로, 해당 요소에 스타일을 적용하려면 Type Selector를 사용할 수 있습니다. id selector id 선택자는 HTML 요소에 고유한 식별자(id)를 지정하여 해당 요소에 스타일을 적용하는 선택자입니다. id는 문서 내에서 오직 하나의 요소에만 적용할 수 있으며, 다른 요소와 중복해서 사용할 수 없습니다. 내용 class selector class 선택자는 HTML 요소에 클래스(class)를 지정하여 해당 클래스를 가진 모든 요소에 스타일을 적용하는 선택자입니다. class는 여러 요소에 중복.. CSS 2023. 2. 26. 레이아웃 float에 대해서 간단히 알아보자 레이아웃 float 레이아웃 float방식은 블록 요소를 좌우 방향으로 배치하는 속성입니다. 일반적으로 레이아웃을 구성할 때 사용되며 레이아웃을 구성하는 데에는float, flex, grid 3가지 방식이 있습니다. 요즘은 float방식을 잘 사용하지 않는다고 하지만, 그래도 알아두면 좋을 것 같습니다. float를 이용하면 여러 개의 요소를 배치하여 레이아웃을 만들 수 있습니다. float를 사용하여 만든 레이아웃은 다양한 디자인 요소를 추가하여 다양한 레이아웃을 만들 수 있습니다. float는 다른 요소와 겹치지 않고, 페이지의 다른 요소들이 float 된 요소 주변에 배치될 수 있도록 합니다. 예를 들어, float된 요소가 왼쪽에 위치한 경우, 다른 요소들은 float된 요소 오른쪽에 배치됩니다... CSS 2023. 2. 26. class 와 id 의 차이점을 알아보자 class 와 id의 차이점 class 는 여러개를 사용할 수 있지만, id는 고유성을 가지므로 한 문서에 한번만 사용할 수 있다. 출력 방법에 따른 차이 - class class이름" 이라는 class 로 지정할 것이고, 이 "class이름"으로 지정한 영역들은 모두 동일한 효과를 받을 것이다. class이름에서 띄어쓰기만 하면 class 1개를 추가로 만들 수 있다. .class이름 { 속성: 값;} class에 "속성-값"효과를 적용할 것이다. class를 설정할 때 띄어쓰기로 2개 이상의 클래스를 지정할 수 있다. 출력 방법에 따른 차이 - id "id이름" 이라는 id로 지정할 것이고, 이 "id이름"으로 지정한 영역은 css 효과를 받을 것이다. # id이름 {속성: 값;} id에 "속성-값".. CSS 2023. 2. 20. 이전 1 다음