CSS로 링크 맞춤 설정하기 - 더미

일반적으로 브라우저는 파란색 밑줄 텍스트로 링크를 표시합니다. 원래이 기본 동작은 페이지의 내용과 대화 형 링크 간의 혼란을 최소화했습니다. 오늘날 거의 모든 웹 사이트 스타일이 자체 방식으로 연결됩니다. 일부 웹 사이트는 링크에 밑줄을 그 으려하지 않습니다. 다른 이들은 파란색 이외의 다른 색상으로 밑줄을 그으나 스타일 링크를 유지합니다. 등등.

HTML 앵커 요소 ( a )는 링크를 만드는 데 사용됩니다. 여는 태그와 닫는 태그 사이의 텍스트는 링크 설명이고 href 속성에 설정된 URL은 링크를 클릭 할 때 브라우저가 방문하는 주소입니다.

: 사용자가 클릭하지 않았거나 방문한 링크

• visited : A -> ->
• 앵커 태그는 시간이 지남에 따라 진화했으며 현재 네 가지 상태가 있습니다. 사용자가 클릭했거나 방문한 링크 호버
• : 사용자가 활성을 클릭하지 않고 마우스 커서를 가리키는 링크
• : 사용자가 클릭하기 시작했지만 아직 릴리스하지 않은 링크 마우스 버튼

CSS는 이러한 4 가지 상태 각각에 스타일을 적용 할 수 있으며 가장 자주 이러한 속성과 값을 사용합니다.

스타일 지정 링크에 대한 일반적인 CSS 속성 및 값

가능한 값

설명	color	이름
16 진수 코드	rgb 값 16 진수 코드 (color: # 0000FF; ) 또는 RGB 값 (color: rgb (0, 0, 255);	>). 텍스트 장식 없음 밑줄 링크에 밑줄이 있는지 여부를 설정합니다. 다음 예제 스타일은 Wikipedia의 기사에서 스타일이 적용된 방식과 유사한 방식으로 링크를 설정합니다. 링크는 기본적으로 파란색으로 표시되고 마우스를 가리킬 때 밑줄이 그어져 있고 활성화되어 있으면 주황색으로 표시됩니다. 아래에 표시된 것처럼 미국의 CTO (Chief Technology Officer)와의 첫 번째 링크는 마우스가 마우스를 가리키면 그 것처럼 밑줄이 그어져 있습니다. 또한 Google에 연결되는 링크가 활성화되어 있고 마우스가 클릭하면 주황색으로 표시됩니다.
a: 링크 {	색: rgb (6, 69, 173); 텍스트 장식: 없음; 텍스트 장식: 밑줄	}

a: 방문한 { 색: rgb (11, 0, 128)

a: active { color: rgb (250, 167, 0)

}

위키피디아. 방문 페이지, 마우스 오버 및 활성 상태를 보여주는 org 페이지

선택기와 링크 상태 사이에 콜론을 포함해야합니다.

왜이 책의 범위를 벗어나는 지 설명하지만, CSS 사양은 링크, 방문, 마우스 오버 및 활성 상태의 순서로 다양한 링크 상태를 정의해야한다고 주장합니다.그러나이 순서가 유지되는 한 연결 상태를 정의하지 않아도됩니다.

다양한 링크 상태는

의사 클래스 선택자

로 알려져 있습니다. 의사 클래스 선택자는 CSS 선택기에 키워드를 추가하고 선택한 요소의 특수한 상태를 스타일 할 수 있도록합니다.