이전 IE 브라우저의 CSS `pointer-events`를 어떻게 바꿀 수 있습니까?

VW 및 VH 장치는 요소 크기를 뷰포트 너비 및 높이와 연관시킴으로써 반응 형 디자인을 달성합니다. 1VW는 뷰포트 너비의 1%와 같고 1VH는 뷰포트 높이의 1%와 같습니다. 전체 스크린 영역, 반응 형 글꼴 및 탄성 간격에서 일반적으로 사용됩니다. 1. 모바일 브라우저 주소 막대의 영향을 피하기 위해 전체 화면 영역에서 100VH 이상 100DVH를 사용하십시오. 2. 반응 형 글꼴은 5VW로 제한 될 수 있으며 클램프 (1.5REM, 3VW, 3REM)와 결합하여 최소 및 최대 크기를 제한 할 수 있습니다. 3. 너비와 같은 탄성 간격 : 80VW, 마진 : 5VHAUTO, 패딩 : 2VH3VW, 레이아웃을 적응할 수있게 할 수 있습니다. 모바일 장치 호환성, 접근성 및 고정 너비 콘텐츠 충돌에주의를 기울이며 먼저 DVH 사용에 우선 순위를 부여하는 것이 좋습니다.

테두리가있는 div를 사용하여 세로 선을 신속하게 만들고 왼쪽과 높이를 설정하여 스타일과 높이를 정의하십시오. 2. 사용 :: pseudo-elements 후에 :: 추가 HTML 태그없이 수직선을 추가하여 장식적인 분리에 적합합니다. 3. Flexbox 레이아웃에서 분배기 클래스의 너비와 배경을 설정함으로써 탄성 컨테이너 사이의 적응 형 수직 분배기를 달성 할 수 있습니다. 4. CSSGRID에서는 수직 라인을 독립적 인 열 (예 : Autowidth 열)으로 그리드 레이아웃에 삽입하여 반응 형 설계에 적합합니다. 구조가 간단하고 유지하기 쉬운 지 확인하기 위해 특정 레이아웃 요구에 따라 가장 적절한 방법을 선택해야합니다.

thecssfilterpropertyallowsualeffects likelurslikes blike, brightness, andgrayscaletobeapplieddirectlyTohtmlements.1) usethesyntaxfilter : filter-function (value) toApplyEffects.2) combinemultiplefilterswithspaceseparation, blur (2px) (70%)

CSS 의사 클래스는 요소의 특수 상태를 정의하는 데 사용되는 키워드입니다. 사용자 상호 작용 또는 문서 위치에 따라 스타일을 동적으로 적용 할 수 있습니다. 1.: 버튼과 같이 마우스가 호버링되면 호버가 트리거됩니다. 호버는 버튼 색상을 변경합니다. 2.: 포커스는 요소가 초점을 맞추면 양식 접근성을 향상시킬 때 적용됩니다. 3.:nth-Child ()는 위치별로 선택, 홀수, 짝수 또는 2n 1과 같은 공식을지지합니다. 4. : First-Child 및 : 최후의 자녀는 각각 첫 번째 및 마지막 어린이 요소를 선택합니다. 5.: nont ()는 지정된 조건과 일치하는 요소를 제외합니다. 6.:Visited 및 : 링크 액세스 상태를 기반으로 링크 세트 스타일이지만 : 방문 된 것은 개인 정보에 의해 제한됩니다.

CSS를 사용하여 점선 테두리를 생성하고 테두리 속성을 점선으로 설정하십시오. 예를 들어, "Border : 3pxDotted#000"은 요소에 3 픽셀의 블랙 도트 테두리를 추가 할 수 있습니다. 경계 넓이를 조정하면 포인트의 크기가 변경 될 수 있습니다. 더 넓은 경계는 더 큰 포인트를 생성합니다. "Border-Top : 2pxDottedRed"와 같은 특정 측면의 점선 테두리를 설정할 수 있습니다. 점선 테두리는 DIV 및 입력과 같은 블록 레벨 요소에 적합합니다. 이들은 종종 접근성을 향상시키기 위해 포커스 상태 또는 편집 가능한 영역에서 사용됩니다. 색상 대비에주의하십시오. 동시에, Dashed의 단거리 스타일과는 다른 점이있는 점은 원형 점 모양을 나타냅니다. 이 기능은 모든 주류 브라우저에서 널리 사용됩니다.

CSS의 유리 모방 효과를 만들려면 배경 필터를 사용하여 배경 흐림을 달성하고 RGBA (255,255,255,0.1)와 같은 반투명 배경을 설정하고 계층의 감각을 향상시키기 위해 미묘한 경계와 그림자를 추가하고 요소 뒤에 충분한 시각적 내용이 있는지 확인해야합니다. 1. 배경 필터 : Blur (10px)를 사용하여 배경 내용을 흐리게합니다. 2. RGBA 또는 HSLA를 사용하여 투명한 배경을 정의하여 투명도의 정도를 제어합니다. 3. 4. 컨테이너에 그림이나 텍스처와 같은 풍부한 배경이 있어야하는 침투 효과가 흐려집니다. 5. 오래된 브라우저와 호환됩니다

CSS 목록 스타일을 변경하려면 먼저 목록 스타일 유형을 사용하여 총알 또는 번호 스타일을 변경하십시오. 1. 목록 스타일 유형을 사용하여 UL의 총알을 디스크, 원 또는 정사각형으로 설정하고 OL의 수는 소수점, 하부 알파, 어퍼 알파, 로마 또는 상단 로마입니다. 2. 목록 스타일로 태그를 완전히 제거하십시오. 3. 목록 스타일 이미지 : url ( 'bullet.png')을 사용하여 사용자 정의 이미지로 바꿉니다. 4. 목록 스타일 위치 : in

clamp()inCSSenablesfluid,responsivetypographybysettingavaluebetweenaminimum,preferred,andmaximumsize;1.Useclamp(min,preferred,max)todefinescalablefontsizes;2.Setminandmaxinremforaccessibility;3.Usevwinthepreferredvaluewitharemoffsetforsmoothscaling;4