>웹 프론트엔드 >CSS 튜토리얼 >CSS 란 무엇이며 장점은 무엇입니까?

CSS 란 무엇이며 장점은 무엇입니까?

清浅
清浅원래의
2018-11-26 11:41:4411260검색

CSS의 사용법은 다들 잘 알고 계시는데, CSS란 무엇이며 장점이 무엇인지 아직 잘 모르실 것 같은데요, 오늘은 CSS에 대한 지식을 자세하게 소개하겠습니다. 가치가 있습니다. 모두에게 도움이 되기를 바랍니다.

【추천 강좌: CSS Tutorial

CSS

의 의미 CSS(Cascading Style Sheets)는 HTML과 같은 문서 스타일을 표현하는 데 사용되는 컴퓨터 언어입니다. 주로 웹 페이지의 모양 스타일을 처리하는 역할을 하며 다양한 레이아웃 디자인에 따라

상자의 너비와 높이, 텍스트 색상, 글꼴 스타일, 단락 간격, 배경 이미지 또는 사용된 색상을 변경할 수 있습니다. , 다양한 장치의 화면 크기 변경이 발생합니다 다양한 변형

CSS의 장점

(1) 시간 절약: CSS는 한 번 작성한 후 외부 소개를 통해 여러 HTML 페이지에서 여러 번 재사용할 수 있습니다.

(2) 페이지 로드 더 빠릅니다. CSS를 사용하면 매번 HTML 태그 속성을 작성할 필요가 없습니다. 태그에 대한 CSS 규칙을 작성하고 이를 태그의 모든 인스턴스에 적용하기만 하면 되므로 코드가 크게 줄어듭니다. 다운로드 시간이 짧습니다.

(3) 유지 관리 용이: 전역 변경을 원할 경우 스타일만 변경하면 모든 웹 페이지의 모든 요소가 자동으로 업데이트됩니다.

(4) 다중 장치 호환성: 스타일 시트를 사용하면 콘텐츠를 다양한 유형의 장치에 최적화할 수 있습니다.

브라우저에서 CSS가 작동하는 방식

브라우저는 스타일 시트의 위에서 아래로 스타일 정의를 읽습니다. 이는 또한 스타일 시트에서 정의한 스타일이 스타일 시트에서 이전에 정의한 이전 스타일을 재정의하지만 후속 요소에서 다시 정의할 수 있으며 덮어쓰여지지 않음을 의미합니다.

<style>
div{
width:100px;
height: 100px;
background-color: pink;
margin-top:5px;
}
</style>
<div></div>
<div  class="box"></div>

Image 6.jpg

후속 요소의 스타일 재정의 Post

.box{
	background-color: yellow;
}

Image 7.jpg

CSS 사용

CSS는 각 요소에 대해 특정 스타일을 선언하여 웹 페이지의 HTML 요소에 적용됩니다. 스타일 선언은 다음과 같은 형식인 경우가 많습니다.

selector {
       set attribute value ​​

}

div{
width:100px;
height: 100px;
background-color: pink;
}

요약: 위 내용은 이 글의 전체 내용입니다. CSS 이해.

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

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