찾다

집  >  기사  >  웹 프론트엔드  >  CSS 튜토리얼 (1) CSS에 대한 첫 소개

CSS 튜토리얼 (1) CSS에 대한 첫 소개

巴扎黑
巴扎黑원래의
2017-04-02 12:00:161469검색

CSS 튜토리얼(1) CSS 이해

Dreamweaver4는 오늘날 최고의 웹사이트 편집 도구 중 하나입니다. 이를 사용하면 웹페이지용 CSS 스타일 시트를 만드는 것이 더 간단하고 편리해집니다. 이 튜토리얼에서는 Dreamweaver4를 사용하여 페이지에 CSS를 추가하는 방법을 설명합니다. 코드 태그를 암기할 필요도 없고 두꺼운 CSS 매뉴얼을 읽을 필요도 없습니다. 웹 페이지에서 CSS를 쉽게 사용할 수 있습니다. 하지만 먼저 CSS에 대한 어느 정도 이해가 필요합니다. 따라서 이 튜토리얼의 처음 4개 장은 주로 CSS에 대한 포괄적인 소개인 CSS 이론 지식입니다. 독자들이 이 튜토리얼을 읽은 후 CSS의 구문, 구조 및 적용에 대한 포괄적인 이해를 갖기를 바랍니다. DW 실제 전투는 주로 Dreamweaver4를 사용하여 웹 페이지에서 CSS를 유연하게 사용하는 방법을 가르쳐줍니다. 이 문서를 읽기 전에 HTML에 대해 어느 정도 이해하고 Dreamweaver를 사용할 수 있어야 합니다.

1. CSS 이해

CSS는 중국어로 "Cascading Style Sheets", 줄여서 스타일 시트라고 번역하면 웹 페이지를 만드는 새로운 기술입니다.

웹 디자인은 원래 HTML 태그를 사용하여 제목

, 단락

, 표

, 링크 등과 같은 페이지 문서 및 형식을 정의했지만 태그는 더 많은 문서 스타일 요구 사항을 충족하기 위해 이 문제를 해결하기 위해 1997년 W3C(The World Wide Web Consortium)가 HTML4 표준을 발표했을 때 CSS1 버전 이후 첫 번째 표준인 CSS1도 발표했습니다. CSS2 버전은 1998년 5월에 출시되었으며 스타일 시트가 더욱 풍부해졌습니다. W3C는 구현을 위해 DHTML(동적 HTML)을 스크립팅 언어(javascript, Vbscript 등 포함), 동적 효과를 지원하는 브라우저(Internet Explorer, Netscape Navigator 등 포함) 및 CSS 스타일 시트의 세 부분으로 나눕니다.

CSS를 사용하면 글꼴 스타일, 배경, 배열, 영역 크기, 페이지의 각 요소 주위에 테두리 추가 등을 정밀하게 제어할 수 있습니다. CSS를 사용하면 웹 페이지의 형식 코드를 단순화하고 다운로드 및 표시 속도를 높일 수 있습니다. 외부 링크 스타일은 동시에 여러 페이지를 정의하여 반복 작업의 작업량을 크게 줄일 수 있습니다.

참고: CSS에는 IE4(Internet Explorer 4.0) 및 NC4(Netscape 4.0) 이상의 브라우저 지원이 필요하며 일부 효과에는 더 높은 버전의 브라우저 지원이 필요합니다.

위 내용은 CSS 튜토리얼 (1) CSS에 대한 첫 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：div+css 플로팅 솔루션다음 기사：div+css 플로팅 솔루션

관련 기사

더보기