글

css를 이용한 이미지 multiply 효과 주기

, ,
적용 필요 조건으로는 같은 위치에 있는 두개의 이미지 (겹친 이미지) 에서 적용 가능하며 여러가지 활용이 가능합니다.

CSS란 무엇이며 사용방법에 대해 알아보자

,
CSS는 Cascading Style Sheets의 약자로, 웹 페이지의 스타일과 레이아웃을 정의하는 데 사용되는 스타일 시트 언어입니다. HTML로 작성된 웹 페이지의 디자인과 표현 방식을 다루는 역할을 합니다.

웹나눔스퀘어폰트올바르게 사용하기

,
웹상에서 나눔스퀘어(NanumSquare)을 올바르게 사용하는 방법에 대해 알아보도록 하겠습니다.  많이 알려진 나눔스퀘어 폰트는 상업적, 비상업적으로 모두 사용이 가능합니다. 관련내용은 여기를 클릭하여 라이센스를 확인하시기 바랍니다.

Font awesome에 대해 알아보자

, ,
font awesome은 웹 개발에서 아이콘을 사용할 때 유용한 무료 아이콘 라이브러리입니다. 이 라이브러리를 사용하면 다양한 아이콘을 쉽게 웹사이트에 추가할 수 있습니다. font awesome에는 6,000개가 넘는 아이콘이 포함되어 있으며, 이 아이콘들은 CSS 클래스를 통해 쉽게 사용할 수 있습니다.

포지션을 활용한 가운데 정렬

포지션을 절대 값으로 설정하고, top: 50%와 left: 50%를 사용하여 부모 요소의 가운데로 이동시킵니다. transform: translate(-50%, -50%);는 요소의 중심을 기준으로 좌표를 이동시킵니다. 이렇게 함으로써 텍스트는 수평 및 수직으로 정확히 가운데에 위치하게 됩니다. 이 코드를 사용하여 텍스트를 가운데 정렬할 수 있습니다. 필요에 따라 HTML 요소 및 CSS 선택자를 수정하여 원하는 텍스트를 가운데 정렬할 수 있습니다.

CSS 선택자란 무엇인가

, ,
CSS 선택자(CSS selector)는 CSS 스타일 규칙을 어떤 HTML 요소에 적용할지를 지정하는 패턴이나 규칙입니다. 선택자는 HTML 문서의 요소를 찾고, 해당 요소에 스타일을 적용하는 데 사용됩니다.