지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > CSS 튜토리얼 > 본문

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

巴扎黑
풀어 주다： 2017-04-02 12:00:16
원래의
1461명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

이전 기사：div+css 플로팅 솔루션 다음 기사：CSS 튜토리얼(2) 기본 구문
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
에서 2024-04-23 00:22:19
0
9
1588
Width 속성을 추가하여 콘텐츠를 왼쪽으로 이동합니다. 나는 본문에 여백을 제공했습니다. main {left margin: 200px; right margin: 200px; text alignment: center} ...
에서 2024-04-06 22:01:35
0
3
816
React의 정렬 메서드에서 렌더링(필터 및 페이지 매김 사용)을 트리거하는 방법은 무엇입니까? 내 Sort.js 스타일 구성 요소는 다음과 같습니다. <SortWrapper><SortText>SortBy</SortText>&...
에서 2024-04-06 21:28:37
0
1
2257
단어와 일치하는 정규식 새 작업 이름을 데이터베이스의 기존 작업 이름과 일치시키려는 스크립트가 있습니다. SELECTa.titleASJobTitle,j.DescriptionASMatch...
에서 2024-04-06 21:24:04
0
1
606
쿼리와 수식은 새 열로 전체 테이블을 형성합니다. 여기서 새 열은 다른 조건부 열 값을 포함하는 수식입니다. 편집: 수식은 "값" 열(카테고리를 기준으로 user_id가 가장 낮은 "값" 열)이어야 합니다. 따라서 카테고리 "...
에서 2024-04-06 21:23:40
0
2
530
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿