반응형 CSS3 CSS 다양한 브라우저에 대응하기(2) CSS 스타일 초기화와 연결해 계속 이야기 해봅니다. CSS를 이용해서 웹 컨턴츠의 디자인을 구성할 때 서로다른 브라우저의 스타일들이 최대한 동일하게 보이게 하기 위한 방법으로 CSS 정규화를 다시 함으로, 브라우저 마다의 초기 CSS의 셋팅 상태를 최대한 일정하게 맞추어 놓고 작업을 진행하면, 문제를 줄일 수 있다하여 보았습니다. 오늘은 웹브라우저에서 보여주는 폰트정규화를 하는 방법을 기록해 보고자 합니다. 브라우저는 각기 브라우저마다 텍스트 폰트를 랜더링해주는 방법이 다릅니다. 그래서 기본으로 보여주는 텍스트의 폰트나 사이즈가 제 각각인 경우가 대부분입니다. 이러한 제 각각인 텍스트를 통일하기 위하여, CSS에서 스타일 초기화와 같은 작업을 하여 사용하면, 서로 다른 크기로 보이는 폰트 문제를 해결 .. 2012. 2. 21. CSS 다양한 브라우저에 대응하기(1) 웹 프로그래밍의 재미진 점은 내가 만든 콘텐츠를 사용자가 어떤 브라우저로 접근하게 될지 100% 알지 못한다는 것이 되겠습니다. 개발자의 머리털이 슝슝 빠지게 만드는 부분이긴 한데요. 물론 콘텐츠 특성상 Flex라던지, Unity 같은 것을 이용해서 개발되어 졌다면 사실 브라우저별 특별하게 신경쓸 부분은 없겠습니다만.. 순수하게 HTML을 이용한 콘텐츠라 한다면, 이거슨 상당한 싱경을 써야 하는 부분이 아닐까 싶습니다. 우리가 사용하는 브라우저는 재미지게도 각기 개성이 조금식 다릅니다. 에.. 스톼일~ 이 서로 다르달까요.. 그래서 같은 CSS를 적용해도 미묘하게 다르게 보이는 경우가 종종 있습니다. 초기 셋팅값이 달라서 생기는 문제라던지... 미묘하게 다른 좌표계라던지요.. 이런 문제들을 해결 하기 위.. 2012. 2. 20. CSS사용 방식의 특징들.. 웹 기반 프로그래밍을 하다보면, 프로그래머라고 해서 피해 갈 수 없는 부분이 CSS 부분입니다. 프로그래머라고 디자인 부분을 무시하고 가선 안되겠죠. 처음 제가 웹 프로그래밍 (정확하게는 HTML 기반의 SNG)의 개발을 접하게 되면서, 좀 당혹스러워 했던 부분이 HTML 자체와 CSS 였습니다. 이녀석들 자체가 생소한 것도 있지만... 프로그래머가 프로그램 내부적인 작동 말고 외형 적으로 보이는 디자인 구조라던지.... HTML의 정보 양식이라던지.. 많이 생소 했습니다.(물론.. 처음 받은 정보들이 생각보다 아름답지 못한 정보들이 였다는 것을 나중에 알게 알게 되긴 했습니다만...) 그런데 보다 보면 볼 수록 이 웹 프로그래밍 분야 참 매력 있더군요. 정말 제대로 무엇인가 장작 적인 것을 만들려면 엄.. 2012. 2. 20. 이전 1 다음 반응형
