html - 2+Living

CSS Flexbox의 등장 배경과 기본개념 및 주의점

2024년 02월 11일2024년 02월 03일 by 2iving

웹사이트를 디자인하면서 가장 기본적이면서도 중요한 요소 중 하나는 레이아웃입니다. 웹 페이지의 레이아웃은 사용자의 첫 인상을 결정짓고 정보의 흐름을 제어하며 사용자 경험(UX)을 크게 좌우합니다. 이런 중요한 레이아웃을 효과적으로 구성하기 위한 도구 … 더 읽기

2024년 02월 11일2024년 02월 03일 by 2iving

html에서 초록색 원 안에 숫자 1을 넣는 코드를 구현해야 할 일이 있어 만들어 보았습니다. flex가 늘 어렵다고 생각이 드는데 원 안에 숫자를 넣기에는 이 코드가 제일 간편하게 구현될 수 있어 … 더 읽기

2024년 02월 11일2024년 02월 03일 by 2iving

웹사이트는 정보를 효과적으로 전달하는 도구입니다. 그 중에서도 텍스트는 가장 중요한 요소 중 하나입니다. 이러한 텍스트를 강조하거나 독특하게 표현하기 위해, 형광펜 효과를 적용하는 방법을 알아보겠습니다. 이 글에서는 HTML과 CSS를 이용하여 텍스트에 … 더 읽기

2024년 02월 11일2024년 02월 03일 by 2iving

레이아웃을 설정하는데 있어 CSS의 ‘display’ 속성은 핵심적인 역할을 합니다. 이 속성은 각 HTML 요소의 박스 타입을 결정하며 이 박스 타입은 요소의 레이아웃과 모양에 큰 영향을 미칩니다. 오늘은 이 중 ‘inline’과 … 더 읽기