웹 베타
방법을 중심 사업부를 연구,이 게시물은 매우 흥미로운 발견 점심 CSS를 .
예제에서, 우리는 ID "컨테이너"로 사업부를 사용하여,이 요소는 그 페이지에 중심 것입니다. 다음과 같은 HTML 마크업을 준수 :
이 3 4 5 6 7 8 9 10 | <div id="distance"> </ 사업부> <div id="container"> <h1> 센터 사업부 수직 및 수평 플로트와 맑으나 - crossbrowser </ H1> <P> 이 상자는 시각과 관련하여 브라우저의 중간에 있습니다. <br은 /> 내용은 관점이 크기 때 사라지고 상자보다 작습니다하지 않습니다. </ P> </ 사업부> |
"와우, 어떻게 우리가 이것을 빌드 수행 종종 그는 그때 생각 매력적인 여성 레이아웃과 글꼴과 멀리 소스와 웹 표준의 범위를 넘어 깔끔한있어?! 이 축복 소스를 가지고 각각의 도서에 대한 이미지를 만들어야 할 것인가? "
따라서 엠마누엘의 사람이 나 좀 도와줘 매우 흥미있는 사이트를 보여주 글꼴 다람쥐 . 몇 가지 소스를 가지고 게다가 그것은 여전히 당신에게 자신의 소스를 전송하는 옵션을 제공하고 사이트에서 작업에 적응할.
크리스 Coyier, 블로그 관리 웹 디자이너 CSS - 트릭은 자신이 쓰신 트위터 프로필 CSS가 체스 같다 "고. 당신은 하루에 기초를 배우고 전문 평생을 보낼 수 있습니다. " 사실, CSS는 매우 간단한 문법을 가지고, 언어를 배울 수 쉽습니다. 그러나 CSS를 사용하여 잘 설계된 페이지 레이아웃을 생성하고, 모든 트릭을 알지도 모르겠 네요, 시간과 경험이 걸립니다.
콘텐츠 (HTML), 행동 (자바 스크립트)와 프레 젠 테이션 (CSS) : 구조에 대한 웹 페이지를 개발하는 적절한 방법은 세 계층으로 나뉘어져 있습니다. 모든 페이지의 레이아웃은 하나의 스타일 시트에 따라 있기 때문에 CSS는 구조의 나머지 부분에서 별도의 레이어에서 작업, 우리는 더 나은 시각적 일관성을 가지고. 우리는 또한 하나의 파일을 변경하면 사이트 전체에 영향을 미칠 것이기 때문에, 시간을 얻을 수 있으며 시각적으로 재설계 또는 유지 보수를 할 때 편리. CSS로 별도의 파일에, 우리는 또한 음성 신디사이저 및 사운드 장치와 점자 프린터, 휴대폰 및 기타 모바일 장치 등 다양한 장치에 대한 특정 스타일 시트를 만드는 데 큰 액세스를 제공할 수 있습니다. 사이트에 최초 접속 후 CSS 파일이 캐시에로드되어 있기 때문에 페이지의 로딩도 빠른 것입니다.
잘 사용하면 CSS가 강력한 수있는 방법에 대한 좋은 예제는 CSS 젠 가든 . 사이트 다운로드 템플릿 HTML 페이지를 제공하며, 몇몇 디자이너는 페이지의 스타일 시트를 만듭니다. 결과는 갤러리에서 볼 수있다 : 오직 스타일 시트, 다른 레이아웃 변경은 동일한 HTML 페이지에 적용됩니다.
내 이전 블로그에서 가져온이 게시물을 회복하고 여기에 넣어하기로 결정했습니다. 그것은 가이드에게 요원 스타일 시트에 뭔가를 잊지 때마다을 항상 좋아요.
그래서 일하러 가자!
스타일 시트는 세 가지 문서에 링크된 수 있습니다 :
1. 링크된 또는 가져온;
2. 통합;
3. 인라인.
스타일 시트는 CSS 규칙이 HTML 문서에서 문서에 선언하는 경우, 외부 전해지고 있습니다. 스타일 시트는 별도의 파일 및 HTML 파일은 확장자가 있습니다. CSS는
외부 스타일 시트는 여러 페이지에 적용할 수 이상적입니다. 외부 스타일 시트를 사용하면 하나의 파일 (스타일 시트의 파일) 변경하여 전체 사이트의 모양을 변경할 수 있습니다.
외부 스타일 시트에서 CSS 파일은 연결된 또는 문서의 <> 태그 안에 HTML 문서를 가져올 수 있습니다. estilo.css라는 스타일 시트를 연결하는 일반 구문은 다음과 같습니다 :
기술 
