CSS 아웃라인(outline) 1. 개념 아웃라인(outline)은 요소 주위에 그려지는 선으로, 테두리 가장자리 바깥쪽에 위치하며 요소를 강조할 수 있습니다. 예를 들어 보겠습니다. 일반적으로 브라우저에서 콘텐츠를 읽을 때, 마우스가 A 태그 링크나 입력 라디오 버튼을 만들기 위해 클릭할 때...
CSS 스프라이트(Sprite) 1. 스프라이트란? 사용자가 웹사이트를 방문하면 브라우저는 일련의 요청을 서버에 보냅니다. 예를 들어 웹페이지의 각 이미지는 최종적으로 사용자에게 표시되기 전에 요청을 거쳐야 합니다. 그러나 웹 페이지에는 종종 많은 수의 이미지 리소스(예: 페이지에 표시되는 사진, 웹 페이지...
CSS 스크롤바 스타일(오버플로) 웹페이지의 설정은 직관적이어야 합니다. 예를 들어 일부 뉴스 웹사이트에서는 더 많은 텍스트를 보려면 페이징 로딩을 사용합니다. 계속 아래로 밀어야 합니다. 브라우저 오른쪽에는 항상 스크롤 막대가 있습니다. 이 문서에서는 다음과 같은 요소를 설명합니다.
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 의사 요소 CSS는 문서 트리 이상의 정보 형식을 지정하기 위해 의사 클래스와 의사 요소의 개념을 도입합니다. 즉, 의사 클래스와 의사 요소는 문장의 첫 글자, 목록의 첫 번째 요소, 특정 항목 위로 마우스를 가져가는 등 문서 트리에 없는 부분을 수정하는 데 사용됩니다. 하이퍼링크가 켜져 있을 때...
CSS 의사 클래스 선택기와 의사 요소 선택기의 차이점 의사 클래스와 의사 요소의 차이점 (1) 클래스, 사용자 정의 클래스 이름, 이 클래스는 div.div0과 같이 구체적이고 표시되며 클래스를 선택합니다. div0 div 요소입니다. (2) 특정 선택기에 특수 효과를 추가하는 데 사용되는 의사 클래스. 의사 클래스를 사용하여 정의된 스타일은 마크업에 적용되지 않습니다.
CSS 투명도(불투명도)는 rgba(), hsla()를 통해 색상의 투명도를 설정할 수 있지만 색상을 정의할 때만 투명도를 설정할 수 있고 이미지나 기타 요소에 대해서는 투명도를 설정할 수 없습니다. CSS에서 투명도를 설정하는 두 가지 방법: 1. CSSrgba()는 색상 투명도 구문을 설정합니다: rg...
CSS @ 규칙(세부 사항)에는 CSS의 두 가지 문법 규칙이 포함되어 있습니다. 일반 규칙: 선택자, 속성 및 값으로 구성됩니다. 이전 연구에서는 주로 이러한 종류의 규칙을 사용했습니다. @로 시작하여 키워드의 형식적인 구성, "AT 규칙"이라고도 알려져 있으며 다음을 기반으로 합니다.
