>웹 프론트엔드 >프런트엔드 Q&A >CSS는 무엇을 하나요?

CSS는 무엇을 하나요?

青灯夜游
青灯夜游원래의
2021-04-29 11:40:367139검색

CSS는 웹페이지의 성능과 콘텐츠를 완전히 분리할 수 있는 스타일 디자인 언어입니다. 주로 웹페이지의 스타일을 디자인하고 웹페이지를 아름답게 만드는 데 사용됩니다. CSS는 웹 페이지의 요소 위치 레이아웃에 대해 픽셀 수준의 정밀한 제어를 수행할 수 있으며 웹 페이지를 정적으로 수정할 수 있을 뿐만 아니라 다양한 스크립팅 언어와 함께 웹 페이지의 다양한 요소의 형식을 동적으로 지정할 수도 있습니다.

CSS는 무엇을 하나요?

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

CSS는 HTML(Standard Generalized Markup Language의 응용 프로그램) 또는 XML(Standard Generalized Markup Language의 하위 집합)과 같은 파일 스타일을 표현하는 데 사용되는 컴퓨터 언어입니다. CSS의 최신 버전은 웹 페이지 성능과 콘텐츠를 완전히 분리할 수 있는 스타일 디자인 언어인 CSS3입니다.

CSS는 주로 웹 페이지의 스타일을 디자인하고 웹 페이지를 아름답게 만드는 데 사용됩니다. 웹 페이지를 정적으로 수정할 수 있을 뿐만 아니라 다양한 스크립트 언어와 함께 웹 페이지의 다양한 요소의 형식을 동적으로 지정할 수도 있습니다.

CSS 이전에는 HTML 문서의 거의 모든 표시 속성이 HTML 마크업에 포함되어 있었습니다. 모든 글꼴 색상, 배경 스타일, 요소 정렬, 테두리 및 크기는 HTML에 명시적으로 설명되어야 했습니다.

결과적으로 웹사이트의 모든 페이지에 스타일 정보가 반복적으로 추가되므로 대규모 웹사이트 개발은 시간이 오래 걸리고 비용이 많이 드는 프로세스가 됩니다.

이 문제를 해결하기 위해 W3C(World Wide Web Consortium)는 1996년에 CSS를 도입하고 그 표준을 유지하고 있습니다. CSS는 프리젠테이션과 콘텐츠를 분리하는 것을 목표로 합니다. 이제 웹 디자이너는 웹 페이지의 서식 정보를 별도의 스타일 시트로 이동할 수 있으므로 HTML 마크업이 더 간단해지고 유지 관리가 쉬워집니다.

기존 HTML의 성능과 비교하여 CSS는 웹 페이지 개체의 위치와 레이아웃에 대해 픽셀 수준의 정밀한 제어를 수행할 수 있고 거의 모든 글꼴 크기 스타일을 지원하며 웹 페이지 개체 및 모델 스타일을 편집할 수 있는 기능을 갖추고 있습니다. 예비 인터랙션 디자인은 현재 텍스트 디스플레이 기반의 최고의 성능 디자인 언어이다.

홈페이지를 만들 때 CSS 기술을 사용하면 페이지의 레이아웃, 글꼴, 색상, 배경 및 기타 효과를 보다 정확하게 제어할 수 있습니다.

해당 코드를 약간만 수정하면 같은 페이지의 다른 부분이나 다른 페이지가 있는 웹페이지의 모양과 형식을 변경할 수 있습니다.

css는 다음을 달성할 수 있습니다.

(1) 거의 모든 브라우저에서 사용할 수 있습니다.

(2) 기존에는 이미지 변환을 통해 구현해야 했던 일부 기능을 이제 CSS를 사용하여 쉽게 구현할 수 있어 페이지 다운로드 속도가 빨라졌습니다.

(3) 페이지의 글꼴을 더욱 아름답고 정렬하기 쉽게 만들어 페이지를 정말 보기 좋게 만듭니다.

(4) 페이지 레이아웃을 쉽게 제어할 수 있습니다.

(5) 여러 웹페이지의 스타일과 형식을 동시에 업데이트할 수 있으므로 더 이상 페이지별로 업데이트할 필요가 없습니다. 사이트의 모든 웹 페이지 스타일은 CSS 파일을 사용하여 제어할 수 있습니다. CSS 파일의 해당 줄을 수정하면 전체 사이트의 모든 페이지가 그에 따라 변경됩니다.

(학습 영상 공유: css 영상 튜토리얼)

위 내용은 CSS는 무엇을 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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