(프론트 엔드) HTML 및 CSS는 CSS (20), 하이퍼 링크의 변형

HTML 구조 : 하이퍼

< HREF = "http://www.baidu.com" 대상 = "_ 빈" >超级链接</ >

(1), 네 가지 상태

다른 태그는 다른 라벨이,이 네 개의 표시 상태가 다른 디스플레이 스타일로 설정할 수 있으며, 코드 ↓

<! DOCTYPE html로의 PUBLIC "- // W3C // DTD XHTML 1.0 과도 // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
< HTML 의 xmlns = "HTTP : / /www.w3.org/1999/xhtml " XML : LANG ="EN " > 
< 머리 > 
    < 메타 HTTP-당량 ="Content-Type을 " 내용 ="text / html과; 문자셋 = UTF-8 " > 
    < 제목 > 문서 </ 제목 > 
    < 스타일 유형 = "텍스트 / CSS" > 
        * { 
            마진 : 0 ; 
            심: 0 ; 
        } 
        / * 링크 색상 블루 * / 
        A : 링크 { 
            색상 : 블루 ; 
        } 
        / * 인터페이스 새로 고침 보라색 색상의 링크 상태에 대한 링크 * / 
        A가 : 방문 { 
            색상 : 퍼플 ; 
        } 
        / * 마우스를 통해 포인터 붉은 색 링크 링크 상태에서 정지 * / 
        가져가, • { 
            색상 : 빨강 ; 
        } 
        / * 시점 링크는 녹색 세척 링크 상태를 유지하지 않는 * / 
        을 : 활동 { 
            색상 : 녹색 ; 
        } 
    </스타일 > 
</ 머리 > 
< 몸 > 
    < href를 = "http://www.baidu.com" > 바이에 클릭 </ > </ 몸 > </ HTML >

코드보기

렌더링과 같은 뇌의 모양을 확인합니다.

이 네 가지 상태는 사용자의 행동 변화에 따라 생성, 발생하지 않는 경우의 조치는, 해당 스타일은 업로드되지 않습니다.

예를 들면 : 수동으로 페이지가로드되는 즉시로드 이러한 스타일을 추가 추가 된 그의 직원이 선택 스타일을 .box.

A는 : 예를 네는 상태 가져, 그것은 그 사용자의 행동에 대응 상태 속성을 추가는, 이러한 스타일은 페이지가로드 될 때, 사용자 만의 행동이이 상태를 트리거 즉시로드되지 않고, 이러한 스타일은로드됩니다 .

:라고 호버 의사 클래스  같은 무게 클래스 선택기 선택기.       

2, 태그 쓰기 위해 네 가지 상태

네 의사 클래스는 자체 무게, 같은 무게, 쓰기의 순서에 따라 계단식 효과가있다. 코드 ↓

 

<! DOCTYPE html로의 PUBLIC "- // W3C // DTD XHTML 1.0 과도 // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
< HTML 의 xmlns = "HTTP : / /www.w3.org/1999/xhtml " XML : LANG ="EN " > 
< 머리 > 
    < 메타 HTTP-당량 ="Content-Type을 " 내용 ="text / html과; 문자셋 = UTF-8 " > 
    < 제목 > 문서 </ 제목 > 
    < 스타일 유형 = "텍스트 / CSS" > 
        * { 
            마진 : 0 ; 
            심: 0 ; 
        } 
        A : 연결 { 
            색상 : 블루 ; 
        } 
        A : 가져가 { 
            색상 : 빨강 ; 
        } 
        A : 활성 { 
            색상 : 녹색 ; 
        } 
        A : 방문 { 
            색상 : 자주색 ; 
        } 
    </ 스타일 > 
</ 헤드 > 
< 체 > 
    < HREF = "http://www.baidu.com" >点我进百度</ > </ 바디 > </ HTML >

코드보기

 

효과가 방문한 때, 당신은 그 호버를 찾아 링크 색상을 클릭합니다 먼저 네 일반적으로 두 번째 시간을로드가 나타납니다 할의 연결 시간의 클릭 효과를로드의 하단에 방문 즉, 아무리 당신이 얼마나이 링크는 보라색입니다 멀리 쌓여있다.

그래서이 네 가지 상태의 순서를 작성 : 링크, 마우스를 방문 활성

순서를 기억 : 사랑과 지침 L의 O의 V의 E HA TE를 .