CSS3에서 대상의 사용법은 무엇입니까-프런트엔드 Q&A-php.cn

집

웹 프론트엔드

프런트엔드 Q&A

CSS3에서 대상의 사용법은 무엇입니까

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Mar 17, 2022 pm 05:13 PM

css

사용법: 1. ":target" 선택기는 현재 활성화된 대상 요소를 선택하는 데 사용되며 구문은 ":target{style}"입니다. 2. 대상 속성은 하이퍼링크 스타일을 설정하는 데 사용됩니다. 구문은 "대상:대상 이름" 대상-새 대상 위치"입니다.

CSS3에서 대상의 사용법은 무엇입니까

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css3에서 대상의 사용법은 무엇입니까?

: 대상 선택기를 사용하여 현재 활성화된 대상 요소를 선택할 수 있습니다.

다음에 앵커 이름 #이 있는 URL은 문서 내의 특정 요소를 가리킵니다. 연결된 요소는 대상 요소입니다.

예제는 다음과 같습니다.

<html>
<head>
<style>
:target
{
border: 2px solid #D4D4D4;
background-color: #e5eecc;
}
</style>
</head>
<body>
<h1 id="这是标题">这是标题</h1>
<p><a href="#news1">跳转至内容 1</a></p>
<p><a href="#news2">跳转至内容 2</a></p>
<p>请点击上面的链接，:target 选择器会突出显示当前活动的 HTML 锚。</p>
<p id="news1"><b>内容 1...</b></p>
<p id="news2"><b>内容 2...</b></p>
<p><b>注释：</b> Internet Explorer 8 以及更早的版本不支持 :target 选择器。</p>
</body>
</html>

출력 결과:

CSS3에서 대상의 사용법은 무엇입니까

target 속성은 target-name, target-new, target-position 속성을 설정하는 단축 속성입니다.

target 속성은 주요 브라우저에서 지원되지 않습니다.

Syntax

target: target-name target-new target-position;

target-name은 하이퍼링크를 열 위치(대상 대상)를 지정합니다.

target-new는 하이퍼링크가 새 창이나 기존 창의 새 탭에서 열리도록 지정합니다.

target-position은 새 대상 링크를 배치할 위치를 지정합니다.

(학습 영상 공유: css 영상 튜토리얼)

위 내용은 CSS3에서 대상의 사용법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

기능 반응 구성 요소에서 usestate () 후크를 사용하는 방법Apr 30, 2025 am 12:25 AM

usestate는 클래스 구성 요소와 기능 구성 요소 사이의 장애물을 제거하기 때문에 함수 구성 요소에 상태를 추가 할 수 있도록하여 후자를 동일하게 강력하게 만듭니다. usestate를 사용하기위한 단계에는 다음이 포함됩니다. 1) usestate hook 가져 오기, 2) 상태 초기화, 3) 상태 사용 및 기능 업데이트.

React의 관점 중심 특성 : 복잡한 응용 프로그램 상태 관리Apr 30, 2025 am 12:25 AM

React의 View Focus는 추가 도구와 패턴을 도입하여 복잡한 응용 프로그램 상태를 관리합니다. 1) RECT 자체는 상태 관리를 처리하지 않으며 상태를 촬영하는 데 중점을 둡니다. 2) 복잡한 응용 프로그램은 Redux, Mobx 또는 ContextApi를 사용하여 상태를 분리하여 관리를보다 체계적이고 예측할 수 있도록해야합니다.

다른 라이브러 및 프레임 워크와 반응을 통합합니다Apr 30, 2025 am 12:24 AM

integratingReactwitherLibrariesandFrameworkScanEnHanceApplicationCapabilitiesBeveragingDifferentTools'Strengths.benefitsinCludeStreamLinedStameManagement WithReduxAndRobStatemEntegrationwithdjango, butchallEngesInvolveNcreatedComePlexity, perfo

REACT를 사용한 접근성 고려 사항 : 포용 적 UI 건물Apr 30, 2025 am 12:21 AM

tomaerkeActApplicationSmoreAccessible, followthesesteps : 1) audeEmantichtmlementsInjsxForBetTernAvigationAndSeo.2) ubstractFocusManagementForKeyboardUsers, 특히 인종상 3) utilizereAcths -likeUseefectTeMangemanmamicContentChangeAlivergio

React와의 SEO 문제 : 클라이언트 측 렌더링 문제 해결Apr 30, 2025 am 12:19 AM

RECT 응용 프로그램 용 SEO는 다음 방법으로 해결할 수 있습니다. 1. SSR (Server-Side Rendering) 구현 (예 : Next.js); 2. Prerender.io 또는 Puppeteer를 통한 사전 렌더링 페이지와 같은 동적 렌더링을 사용하십시오. 3. 응용 프로그램 성능을 최적화하고 성능 감사를 위해 등대를 사용하십시오.

React의 강력한 커뮤니티 및 생태계의 이점Apr 29, 2025 am 12:46 AM

React'sstrongcommunityandecosystemoffernumerousbenefits : 1) impliceAccesstosolutionsThroughplatformslikestackOverflowandGitHub; 2) exealthoflibrariesandTools, walsuicomponentlibrarieslikeChakraui, thatenhancedevelopmenticificients; 3)

모바일 개발을위한 기본 반응 : 크로스 플랫폼 앱 구축Apr 29, 2025 am 12:43 AM

reftnativeIschosenFormoBiledevelopmentBecauseItAllowsDeveloperstowRiteCodeOndDeployIntonMultiplePlatforms, DevelopmentTimeAndCosts.itoffersnear-NativePerformance, AthrivingCommunity, AndleverAgesexistingWebDevelopmentsKills.keyTomasteringRea

React의 usestate ()로 상태를 올바르게 업데이트합니다Apr 29, 2025 am 12:42 AM

RECT에서 usestate () 상태의 올바른 업데이트는 상태 관리의 세부 사항을 이해해야합니다. 1) 기능 업데이트를 사용하여 비동기 업데이트를 처리합니다. 2) 상태를 직접 수정하지 않도록 새 상태 객체 또는 배열을 만듭니다. 3) 단일 상태 객체를 사용하여 복잡한 양식을 관리하십시오. 4) 셰이크 방지 기술을 사용하여 성능을 최적화하십시오. 이러한 방법은 개발자가 일반적인 문제를 피하고보다 강력한 반응 응용 프로그램을 작성하는 데 도움이 될 수 있습니다.

See all articles