CSS 미디어 쿼리에 대한 종합 분석(@media) 모바일 장치의 급속한 인기로 인해 사용자는 더 이상 기존 컴퓨터 시스템을 통해 웹 콘텐츠를 탐색하지 않고 스마트폰, 태블릿 또는 다양한 크기의 기타 장치를 사용하기 시작했습니다. 다양한 장치를 사용하는 사용자가 좋은 경험을 할 수 있도록 웹 콘텐츠를 탐색합니다.
CSS 둥근 모서리 속성(border-radius) 웹 페이지를 만드는 과정에서 때때로 둥근 모서리 효과를 구현해야 할 경우가 있습니다. 이전 방법은 여러 가지 도구를 사용하여 디자인 초안을 쉽게 페이지로 만들 수 있는 그림으로 자르는 것이었습니다. 둥근 모서리를 얻기 위한 배경 이미지입니다. CSS3가 등장한 후에는 그런 문제가 발생하지 않습니다. CSS3는 일련의 속성을 제공합니다.
CSS 테두리 이미지(border-image) 요소의 테두리에는 이전에 소개한 기본 스타일 중 일부를 사용하는 것 외에도 CSS3의 border-image 속성을 통해 이미지를 요소의 테두리로 사용하여 다채로운 색상을 만들 수 있습니다. 테두리 효과. border-image 속성은 간단한 방법을 통해 전달될 수 있습니다.
CSS 그라디언트 색상(색상 그라디언트) CSS의 그라디언트는 두 개 이상의 색상 사이를 부드럽게 전환하는 것을 의미합니다. 과거에는 그라디언트 효과를 얻기 위해 미리 정의된 이미지를 사용해야 했습니다. CSS3에서는 그라디언트 효과를 얻기 위한 유연한 방법을 제공합니다. 해결책. CSS3를 통해 세 가지 유형의 그라디언트, 즉 선형 그라디언트(…
CSS 그림자 효과 CSS 그림자 효과는 우리가 자주 사용하는 CSS 속성인데, 잘 이해하셨나요? 사용할 때 Blue Lake에서 직접 복사하면 되나요? 각 매개변수를 이해하고 있나요? 그림자를 사용하면 어떤 아름다운 효과를 얻을 수 있나요? 그림자 효과는 웹 디자인에서 자주 사용됩니다.
CSS3의 2D 변환 형식 CSS의 2D 변환을 사용하면 2차원 공간에서 이동, 회전, 크기 조정 또는 비틀기 등 몇 가지 기본 변환 작업을 수행할 수 있습니다. 변환된 요소는 절대 위치에 있는 요소와 유사하며 주변에 영향을 주지 않습니다. 요소이지만 주변 요소와 겹칠 수 있습니다. 차이점은 변환된 요소가 페이지에 있다는 것입니다.
CSS 선택자 CSS: CascadingStyleSheet의 약어로 [Cascading Style Sheet]로 번역되며 서식 규칙 집합입니다. 웹 페이지 스타일을 (향상된) 제어하고 웹 콘텐츠에서 스타일 정보를 분리하는 데 사용되는 마크업 언어입니다. CSS의 구성: CSS의 정의는 다음과 같습니다.
CSS 기본 구문 형식 CSS(CascadingStyelSheet)는 웹 페이지의 모양을 제어하는 일련의 형식 지정 규칙으로, 웹 디자인에 없어서는 안될 도구 중 하나입니다. 다음으로 CSS의 기본 구문 형식을 배우기 시작합니다. 1. CSS 정의 규칙 캐스케이딩 스타일 시트는 완전한...
CSS 입문 자습서 CSS(전체 이름은 CascadingStyleSheets입니다. 계단식 스타일 시트라고도 함)는 구조화된 문서(예: HTML 문서 또는 XML 응용 프로그램)에 스타일(글꼴, 간격 및 색상 등)을 추가하는 데 사용되는 컴퓨터 언어입니다. CSS는 웹페이지를 아름답게 만드는 데에도 사용됩니다.
CSS 전환 효과(transition) 일반적으로 CSS 속성 값이 변경되면 브라우저는 해당 스타일을 즉시 업데이트합니다. 예를 들어 요소 위에 마우스를 올리면 :hover 선택기를 통해 정의된 스타일이 요소에 즉시 적용됩니다. 한 스타일에서 다른 스타일로 요소를 이동할 수 있는 전환 기능이 CSS3에 추가되었습니다.
CSS 애니메이션(애니메이션) 우리는 이전 연구에서 전환 속성을 사용하여 간단한 전환 애니메이션을 구현할 수 있다는 것을 알고 있지만 전환 애니메이션은 시작 및 종료 상태만 지정할 수 있으며 전체 프로세스는 그다지 유연하지 않은 특정 기능에 의해 제어됩니다. . 이 섹션에서는 보다 복잡한 애니메이션 및 MD를 소개합니다.
CSS3 다중 열 레이아웃(Multi-column) 다중 열 레이아웃(Multi-column) 다중 열 레이아웃은 텍스트 콘텐츠를 신문과 같은 다중 열 레이아웃으로 디자인하는 것입니다. 즉, 이전에 js나 JQuery를 통해 달성할 수 있었던 폭포 흐름은 CSS3에서는 호환되지만 CSS3를 통해 직접 달성할 수 있습니다.
CSS 필터(필터) 필터에 관해 이야기할 때 가장 먼저 떠오르는 것은 PhotoShop과 같은 그리기 소프트웨어일 것입니다. 이러한 소프트웨어의 필터를 통해 이미지를 아름답게 만들 수 있습니다. CSS에서는 소프트웨어를 사용하지 않고도 흐림 효과, 투명도 효과, 색상 대비 조정 등과 같은 다양한 필터 효과를 얻을 수 있습니다.
