이미 소장하고 있다면 판매해 보세요.
|
1. HTML과 CSS
웹의 추락 CSS를 통한 탈출 CSS의 한계 CSS와 HTML을 함께 사용하기 요약 2. 선택자와 구조 기본 규칙 집단화 클래스 선택자와 ID 선택자 의사 클래스와 의사 요소 구조 상속 세분화 캐스케이드 요소의 구분 요약 3. 단위와 값 색상 길이 단위 백분율 값 URL CSS2 단위 요약 4. 텍스트 속성 텍스트 다루기 요약 5. 폰트 폰트 패밀리 폰트 무게 폰트 크기 스타일과 변형 지름길 이용하기: font 속성 폰트 매칭 요약 6. 색상과 배경 색상 복잡한 배경 요약 7. 상자와 테두리 기본적인 요소 상자 여백인가, 패딩인가? 여백 테두리 패딩 플로팅과 클리어링 목록 요약 8. 시각적 포맷팅 기본적인 상자 블록 레벨 요소 플로팅 요소 인라인 요소 요약 9. 포지셔닝 일반적인 개념 상대적인 포지셔닝 절대적인 포지셔닝 고정된 포지셔닝 포지셔닝 요소의 축적 요약 10. CSS2: 미리 보기 CSS1으로부터의 변화 CSS2 선택자 폰트와 텍스트 생성된 내용 환경에 적응하기 테두리 테이블 매체 형태와 @-규칙 요약 11. CSS의 동작 프로젝트의 변환 팁과 트릭 |
임백준의 다른 상품
|
CSS를 사용하는 데 있어 주요한 결점은 안타깝게도 처음에 CSS가 너무나 형편 없이 구현되었다는 사실이다. 잘못된 의사소통과 해석, 혼동, 그리고 어설픈 품질 제어(quality control)로 인하여 CSS를 지원하려고 했던 최초의 브라우저들은 별로 성과를 거두지 못하였다.
최악의 사례는 마이크로소프트 인터넷 익스플로러 3.x와 넷스케이프 네비게이터 4.x이다. CSS 지원을 위해 독자적인 라인을 가동시키던 이 브라우저들은 불완전하고 버그 투성이일 뿐만 아니라, CSS2를 전혀 고려하지 않았으며 심지어 CSS1과도 충돌을 일으킬 정도로 엉망으로 구현되었다. 이러한 구현은 너무나 형편 없었기 때문에 이들이 CSS를 지원한다고 말할 수도 없을 지경이었다. 이 브라우저들의 결합 중에 어떤 것은 특정한 스타일을 화면에 나타내려고 할 때면 브라우저가 완전히 작동을 멈추거나 시스템 전체가 멈출 정도로 심각했다. 인터넷 익스플로러 4.x와 5.x에 와서는 약간의 발전이 있었다. 여전히 완벽한 것과는 거리가 멀었지만, 이 익스플로러 버전들에서는 인터넷 익스플로러 3을 괴롭혔던 수많은 버그들이 제거 되었으며, 이전에는 CSS1과 CSS2 모두에서 인식되지 않았던 새로운 CSS 속성들에 대한 지원이 추가되기도 하였다. 반면 오페라(Opera) 3.5는 CSS에 대한 인상적인 지원과 함께 무대에 등장하였다. 이 브라우저는 CSS1에 국한되긴 했지만 몇몇 대수롭지 않은 버그만 제외하면 지원하는 속성들을 꽤 훌륭하게 다루었다. 3.6버전이 발표되었을 때, 여전히 CSS1에 머물러 있는 상태이긴 했지만 가지고 있던 버그의 대부분이 제거되었다. 3.5 버전 이전에는 CSS를 전혀 지원하지 않았다. 넷스케이프 제품에 대해서 말하자면, CSS 지원에 있어 네비게이터 4.7은 4.0 버전에 비해 동작을 멈추는 빈도가 줄어들긴 했지만 크게 나아진 점이 없었다. 네스케이프의 CSS 지원에 대한 실질적인 희망은 게코(Geoko) 랜더링(rendering) 엔진에 있다. 최근에 나온 게코 엔진은 상당히 훌륭하며, 실제로 이 책에 나오는 많은 그림들을 만드는 데(메킨토시용 인터넷 익스프로러 4.5, 5.0과 함께) 사용되었다. CSS는 문서의 표시를 전체적으로 제어하도록 의도된 것이 아니며, 사용되는 브라우저의 종류와 상관없이 페이지의 내용이 제대로 나타나도록 해야 하기 때문에 위와 같은 상황들이 CSS를 사용하는 데 있어 장애물이 될 이유는 없다. 하지만 사용자가 철 지난 고물 브라우저(익스플로러 3.x나 네비게이터 4.x)를 사용하고 있는 경우, 환경설정에서 스타일 시트 기능을 설정하지 말라고 경고해야 할 것이다. 그렇게 하면, 사용자들은 웹 제작자가 의도한 대로 스타일이 적용된 페이지는 볼 수 없더라도 최소한 그 페이지의 내용은 제대로 읽을 수 있을 것이다. --- p.30 |
|
빨간색 테두리와 노란색 배경이 설정된 단락을 만들기 위해 하나의 셀로 이루어진 테이블을 이용할 필요가 있을까? 단락이 직접 그러한 테두리와 배경을 갖도록 설정하여 테이블을 사용할 필요가 없다면 훨씬 더 편하지 않을까?
고맙게도 CSS를 만든 사람들도 이와 똑같은 생각을 했고, 따라서 그들은 웹 페이지가 담고 있는 거의 모든 요소의 주변을 둘러쌀 수 있는 테두리를 정의하는 기능을 CSS표준에 포함시키는 일에 관심을 기울였다. --- p.245 |