점진적인 향상과 우아한 저하의 차이점은 무엇입니까?

BEM은 코드 가독성을 향상시키고 충돌을 줄이며 유지 보수를 용이하게하는 CSS 명명 사양입니다. 1. Block은 .BTN과 같은 별도의 구성 요소입니다. 2. 요소는 .nav \ _ \ _ 링크와 같은 블록의 필수 부분입니다. 3. 모디퍼는 .btn-large와 같은 상태 또는 변형을 나타냅니다. 이름 지정 형식은 .Block, .Block \ _ \ _ emlet, .Block-Modifier 또는 .Block \ _ \ _ 요소입니다. BEM을 사용하면 클래스 이름 충돌을 피하고 유지 관리 가능성을 향상 시키며 팀 협업을 촉진 할 수 있습니다. 참고 사항 포함 : 너무 깊은 레벨을 피하고 수정자를 합리적으로 사용하고,

CSS는 브라우저에서 사용하는 가중치 메커니즘을 참조하여 어떤 스타일 규칙을 선호하는지 결정합니다. 동일한 요소에 여러 규칙이 작용하면 가중치 규칙이 적용됩니다. 예를 들어, #Mainp는 P보다 구체적이며 색상 파란색을 커버합니다. 계산 방법은 선택기 유형을 기반으로하며 4 가지 레벨로 나뉩니다. a는 인라인 스타일의 수, b는 ID 선택기 수, c는 클래스, 속성 및 의사 클래스의 수입니다. d는 요소와 의사 요소의 수입니다. 비교할 때 비트를 비교하고 전화 번호와 같은 순서대로 A → B → C → D를 비교하십시오. 일반적인 오해에는 남용! 중요, 오버 넥 소재 선택기, 종속성 ID 선택기 등이 포함됩니다. 분명한 구조 및 통합 클래스 이름 이름 지정을 사용하여 충돌을 줄이며 개발자 도구를 통해 스타일 범위를 확인하고 선택기 권한을 조정하는 것이 좋습니다.

CSS를 사용하여 마우스 포인터를 사용자 정의하는 4 가지 방법이 있습니다. 1. 커서 속성을 사용하여 포인터, 텍스트 등과 같은 내장 스타일을 설정하십시오.; 2. URL ()을 통해 커스토어 사진을 커서로 지정하고 대체 스타일을 설정하십시오. 3. 커서의 핫스팟 위치를 조정하기 위해 url () 다음에 좌표 값을 추가하십시오. 4. JavaScript를 사용하여 기본 커서를 숨기고 요소를 사용하여 동적 효과를 시뮬레이션하십시오. 각 방법은 다양한 시나리오에 적합하며 호환성, 성능 및 사용자 경험 세부 사항에주의를 기울여야합니다.

CSS에서 ID와 클래스의 역할은 다르며 사용 시나리오도 다릅니다. 1. id는 #Main-Content와 같은 단일 고유 한 요소의 스타일 디자인에 사용되는 고유 식별자입니다. 2. 클래스는 재사용 될 수 있으며 여러 요소가 .Button과 같은 동일한 스타일을 적용하는 데 적합합니다. 3. ID의 선택기 우선 순위는 클래스보다 높으며, 이는 스타일 덮어 쓰기에 영향을 미칩니다. 4. ID는 HTML에서 사용되며 클래스는 클래스에서 사용되며 5는 CSS에서 사용되며 클래스는 클래스에서 사용됩니다. 6. 스타일 디자인에 ID의 과도한 사용을 피하는 것이 좋습니다. 7.

수평 및 수직으로 중앙 요소에 가장 일반적인 방법에는 Flexbox, 그리드 및 절대 포지셔닝을 사용하여 변환과 일치하는 것이 포함됩니다. 1. Flexbox 사용 : 컨테이너를 Flex 레이아웃으로 설정하고 최신 브라우저에 적합하며 간단하고 효율적인 정당화 및 정렬 항목을 통해 중앙으로 설정하십시오. 2. 그리드 사용 : 디스플레이를 사용하십시오 : 그리드 및 장소 항목 : 중심을 달성하기위한 중심, 간결하고 명확합니다. 3. 절대 포지셔닝 및 변환 : 오래된 브라우저에 적합하고 왼쪽과 상단으로 50%로 설정하고 혁신을 사용하여 폭과 높이의 절반을 다시 이동하여 중심을 달성합니다. 일반적으로 사용됩니다

웹 페이지에서 텍스트 색상을 변경하려면 CSS의 색상 속성을 사용하십시오. 이 속성은 텍스트의 전경 색상을 제어하고 다음과 같은 색상 이름, 16 진수 값, RGB 또는 HSL 형식을 지원합니다. 일반적으로 사용되는 방법은 다음과 같습니다. 1. 색상 이름 (예 : 빨간색); 2. 16 진수 (예 : #ff0000); 3. RGB (예 : RGB (255,0,0)); 4. HSL (예 : HSL (0,100%, 50%)); 디버깅 중에 색상이 적용되지 않으면 다른 규칙, 불충분 한 대비 또는 잘못된 형식으로 덮어 쓸 수 있습니다. 브라우저 개발자 도구를 사용하여 실시간으로 확인하고 디버깅하여 효과를 보장하는 것이 좋습니다.

imageEREPERPERNICSSSINVOLVESHINGIDEREALTEXTANDDISPLAYINIMAGEORSTYLEDVERSIONINSTEAD, 1. THECLASSICESTESTEXT-INDENTTOMOVETOFF-SCREENWHINESHOWNABACKCROOURMAGE, INDECTICEDUSESTEXT-INDENTTOMOVETOFF-SCREENWHINGABACKCROOURMAGE, INDECSICESIBLE 및 STYOBENFITS를 보장합니다

CSSLogicalProperties 및 값은 기존의 왼쪽, 오른쪽, 상단, 하단을 대체하기 위해 인라인, 블록, 시작, 끝 및 기타 논리 방향을 사용하여 쓰기 모드를 기반으로 레이아웃을 제공합니다. 1. 스타일이 추가 조정없이 LTR, RTL 및 수직 레이아웃에 자동으로 적응할 수 있습니다. 2. 일반적인 속성에는 마진 인라인 시작, 패딩 블록 엔드, 인라인 크기 및 블록 크기가 포함됩니다. 3. 국제 웹 사이트, 구성 요소 라이브러리 개발 및 반응 형 디자인에 적용 할 수 있습니다. 4. 사용시 호환성에주의를 기울이면 일부 브라우저가 떨어질 필요가있을 수 있습니다.