반응형
맛집&여행
-
-
-
논어
-
-
-
SKIN&CSS
- 요즘 블로그 스킨 디자인 트렌드 요즘 제미나이랑 나누는 이야기에 빠져있다. 요즘 유행하는 블로그 스킨 디자인을 정리해 달라고 하자 뚝딱 정리해서 보여준다.미니멀리즘 (Minimalist Design)가장 강력하고 지속적인 디자인 경향이다.여백(Whitespace)을 적극적으로 활용한다. 시각적 혼란을 줄이고 가독성을 극대화한다.불필요한 요소를 제거한다. 복잡한 배경, 과도한 위젯, 애니메이션 등은 최소화하여 콘텐츠에만 집중하도록 한다.단순하고 깨끗한 레이아웃을 사용한다. 콘텐츠를 명료하게 보여준다.HTML/CSS 팁: font-family는 깔끔한 산세리프(Sans-serif) 계열을 주로 쓰며, padding과 margin을 충분히 활용하여 **'숨 쉴 공간'**을 확보한다.고성능 및 SEO 최적화 (Optimized for Spee.. 2025.10.18
- CSS에서 폰트와 타이포그래피 다루기 웹 디자인에서 타이포그래피는 단순히 글꼴을 예쁘게 선택하는 것을 넘어, 읽기 좋은 리듬과 구조를 만드는 기술이다.CSS는 글자의 모양, 크기, 간격, 정렬 등을 정교하게 제어할 수 있는 다양한 속성을 제공한다.폰트 지정의 기본: font-familyCSS에서 글꼴을 지정할 때는 font-family 속성을 사용한다.body { font-family: 'Noto Sans KR', 'Helvetica Neue', Arial, sans-serif; }여러 글꼴을 쉼표로 구분하여 나열하면, 앞의 글꼴이 없을 때 다음 글꼴이 순서대로 적용된다.마지막의 sans-serif, serif 등은 폰트 계열(generic family) 로,sans-serif는 고딕체 계열,serif는 명조체 계열을 의미한다.웹폰트를 사용.. 2025.10.11
- css 글자 크기가 지정한 것보다 커보이는 까닭 스킨 디자인하다 보니 인용문이 지정한 글자 크기보다 더 커 보인다. 인공지능에게 물었다. **상속(inheritance)**과 단위(units) 때문에 글자 크기가 예상보다 커지는 현상이 발생한다며 정리해서 알려준다.CSS에서 font-size의 상속과 단위 이해하기타이포그래피를 다룰 때 가장 자주 혼동되는 부분 중 하나가 바로 폰트 크기의 상속과 단위 계산 방식이다.font-size는 상속 가능한 속성이므로, 부모 요소의 설정이 자식 요소의 크기에 직접적인 영향을 미친다.이 글에서는 font-size의 상속 원리, 단위별 차이, 계산 예제, 그리고 실무에서의 권장 패턴까지 체계적으로 정리하였다.기본 개념상속의 작동 방식자식 요소에 font-size를 직접 지정할 경우(예: 1.2em, 120%), 그 .. 2025.10.10
반응형