CSS 카운터(counter) CSS의 의사 요소는 실제로 사용하기 매우 쉽지만 모든 사람이 간과하는 경우가 많습니다. 의사 요소에 일반적으로 사용되는 content 속성은 이제 일반적으로 사용되는 문자를 제외하고 문자열만 지원하는 것으로 생각될 수 있습니다. 문자열에는 uri, count...가 포함됩니다.
CSS 요소 가시성(visibility) CSS의 가시성 속성은 요소가 표시되는지 여부를 설정하는 데 사용됩니다. 예를 들어 웹 페이지에서 일부 테스트 문제를 수행할 때 JavaScript와 함께 이 속성을 사용할 수 있습니다. , 가시성 속성을 사용하여 질문을 변경할 수 있습니다...
CSS 요소 표시 유형(display) 표시 속성은 CSS에서 가장 중요한 속성 중 하나로 주로 요소의 레이아웃을 제어하는 데 사용됩니다. 표시 속성을 통해 요소 표시 여부와 방법을 설정할 수 있습니다. 1. 표시 속성의 역할 1. 표시 속성은 내부 요소와 외부 요소를 설정할 수 있습니다.
CSS 위치 지정(위치)의 다섯 가지 방법 CSS의 위치 속성은 페이지에서 요소의 위치를 설정하는 데 사용됩니다. 이 속성을 통해 적절하다고 생각되는 위치에 속성을 배치할 수 있습니다. position 속성은 요소의 위치 지정 유형을 지정합니다. 이 속성은 요소의 레이아웃을 설정하는 데 사용되는 위치 지정 메커니즘을 정의합니다. 어떤 요소든…
CSS 요소 스태킹(z-index) 텍스트나 이미지, 기타 요소가 순서대로 배열되어 있기 때문에 우리가 직관적으로 HTML 웹페이지를 2차원이라고 생각하지만 실제 웹페이지는 3차원이기 때문에 요소 간에 스태킹이 발생할 수 있습니다. (겹침) 요소의 스택 순서는 CSS의 z-index 속성을 통해 설정할 수 있습니다.
CSS float(float) 1. 전통적인 웹 페이지 레이아웃의 세 가지 방법 웹 페이지 레이아웃의 본질: CSS를 사용하여 상자를 배치하고 해당 위치에 상자를 배치합니다. CSS는 세 가지 전통적인 레이아웃 방법(간단히 말하면 상자 배열 방법)을 제공합니다. (1) 일반 하천(표준 하천) (2) 부유(3) 여기서 위치 지정이란 단지 지나가는 것을 의미합니다...
CSS 의사 클래스 선택기 CSS에서 의사 클래스 선택기의 역할은 중요하다고 할 수 있습니다. CSS에 의사 클래스 선택기가 없으면 js의 도움으로 많은 효과가 완성되어야 합니다. 코드를 작성하는 것뿐만 아니라 유지 관리 비용도 증가합니다. 프로그래머에게 이러한 과도한 작업량은 다음을 제공하려는 CSS의 목적에도 어긋납니다.
CSS 의사 클래스 선택기와 의사 요소 선택기의 차이점 의사 클래스와 의사 요소의 차이점 (1) 클래스, 사용자 정의 클래스 이름, 이 클래스는 div.div0과 같이 구체적이고 표시되며 클래스를 선택합니다. div0 div 요소입니다. (2) 특정 선택기에 특수 효과를 추가하는 데 사용되는 의사 클래스. 의사 클래스를 사용하여 정의된 스타일은 마크업에 적용되지 않습니다.
CSS 투명도(불투명도)는 rgba(), hsla()를 통해 색상의 투명도를 설정할 수 있지만 색상을 정의할 때만 투명도를 설정할 수 있고 이미지나 기타 요소에 대해서는 투명도를 설정할 수 없습니다. CSS에서 투명도를 설정하는 두 가지 방법: 1. CSSrgba()는 색상 투명도 구문을 설정합니다: rg...
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(전체 이름은 CascadingStyleSheets입니다. 계단식 스타일 시트라고도 함)는 구조화된 문서(예: HTML 문서 또는 XML 응용 프로그램)에 스타일(글꼴, 간격 및 색상 등)을 추가하는 데 사용되는 컴퓨터 언어입니다. CSS는 웹페이지를 아름답게 만드는 데에도 사용됩니다.
