Cascading Style Sheets의 주요 기능은 매우 중요합니다. CSS가 HTML과 함께 작동하고 기본 스타일과 모양을 제공하는 경우 HTML 요소가 웹 페이지에 표시된다는 사실을 알려줍니다. 여기서 CSS3는 CSS의 최신 버전입니다. CSS와 CSS3의 다양한 차이점을 다음 순서로 이해하겠습니다.
CSS3는 자바 스크립트와 같은 기능을 제공하고 전환, 그래디언트 등과 같은 추가 기능과 함께 모바일 개발 기능도 제공합니다. 따라서 이러한 매개 변수에 대해 CSS와 CSS3를 비교해 보겠습니다.
CSS와 CSS3의 호환성
CSS는 다른 서식 기능을 제공하는 데 초점을 맞추는 것이 주 목적이기 때문에 CSS3와 호환되지 않습니다. 그들은 텍스트와 개체의 위치에 대한 기능에 추가되었습니다. 그러나 이러한 기능은 CSS3 인 최신 버전으로 업데이트되었습니다.
피보나치 알고리즘 C ++
CSS3는 CSS와 호환되는 백 워드입니다. 이것은 CSS로 작성된 코드를 유효하지 않게 만들지 않습니다. CSS3는 웹 페이지를 더욱 매력적이고 멋지게 만듭니다. 그들은로딩이 매우 빠르며 페이지를 만드는 데 필요한 시간이 줄어 듭니다.
둥근 모서리 및 그라데이션
CSS3가 출시되었을 때 개발자는 다양한 구조와 배경 그라데이션에 대해 둥근 모서리처럼 보이는 이미지를 디자인했습니다. 이 프로세스에는 개발자가 특정 테두리를 디자인하고 서버를 통해 디자인을 업로드하는 작업이 포함됩니다. 웹 페이지에 이미지를 배치해야하고 결국 CSS는이 테두리를 올바르게 배치해야합니다.
CSS3에서 개발자는 round와 같은 코드를 작성하기 만하면됩니다. 경계 {테두리 반경 : 20px}. 서버를 통해 전송하고 어떤 종류의 작업도 수행 할 필요가 없습니다.다른 활동의. 그라디언트도 다음과 같은 코드를 사용하여 설정할 수 있습니다. gradBG {Background : liner-gradient (red, black)}
텍스트 효과 및 애니메이션
CSS에서 애니메이션은 JavaScript와 JQuery로 작성되었습니다. 디자인 레이어에는 기능이 없었고 페이지 요소조차도 텍스트 그림자, 텍스트 선택 등과 같은 특수 효과가 없었습니다.
CSS3에서 개발자는 읽기 쉽도록 텍스트 그림자를 추가 할 수 있습니다. 또한 줄 바꿈과 긴 단어에 시각 효과를 추가하여열 안에 쉽게. 또한 텍스트의 크기와 색상의 지속적인 변경을 포함하며 변경 시간도 설정할 수 있습니다.
의사 클래스
CSS에서 요소의 상태를 특별히 정의하는 데 사용됩니다.
구문 :선택기 : 의사 클래스 {속성 : 값}. 또한 hover on (), 간단한 툴팁 hover ()와 같은 다양한 속성을 제공합니다.
CSS3에서 이러한 가상 클래스는 CSS와 매우 유사하지만이 두 가지를 구별하는 추가 기능이 거의 없습니다. 여기에는 문서의 루트 대상이 포함됩니다.루트 요소. (n) 내의 숫자 값을 사용하여 타겟팅합니다.
CSS 및 CSS3의 목록
CSS :
CSS는 사용자가 정렬 된 목록과 정렬되지 않은 목록에 대해 다른 목록을 설정할 수 있도록합니다.
사용자는 목록 항목 마커의 이미지를 설정할 수도 있습니다.
자바의 trim ()
목록 및 목록 항목에 배경색을 추가합니다.
원, 정사각형, 디스크와 같은 목록 스타일 유형이 될 수 있습니다.
CSS3
CSS의 목록을 사용하려면 표시 속성에 목록 항목이 정의되어 있어야합니다.
번호 매기기 시스템을 지원하지 않습니다.
목록 항목 마커에 대해 이미지를 설정할 수 있습니다.
유형 변환 C ++
또한 목록 스타일 위치가 있으며 마커 상자의 위치를 지정할 수 있습니다.
이것으로 CSS와 CSS3의 차이점에 대해 논의한이 기사의 마지막 부분에 도달했습니다. 씨 도대체 에듀 레카. 웹 개발 인증 교육은 HTML5, CSS3, Twitter Bootstrap 3, jQuery 및 Google API를 사용하여 인상적인 웹 사이트를 만들고 Amazon Simple Storage Service (S3)에 배포하는 방법을 배우는 데 도움이됩니다.
질문이 있으십니까? 이 기사의 댓글 섹션에 언급 해 주시면 다시 연락 드리겠습니다.