source

기본 HTML/CSS 링크 색상은 무엇입니까?

factcode 2023. 8. 22. 22:32
반응형

기본 HTML/CSS 링크 색상은 무엇입니까?

, 를예현면▁▁code처럼 코드 표현이 합니다.#FFFFFF.

HTML5에서 하이퍼링크의 전경색은 무엇보다도 예상되는 기본 렌더링 동작에 대한 지침의 형태로 표준화를 위한 궤도에 올라 있습니다.특히 내용 표현 섹션에서 비방문 및 방문 하이퍼링크에 권장되는 기본 색상은 다음과 같습니다.

:link { color: #0000EE; }
:visited { color: #551A8B; }

(기본값은 다음과 같습니다).:link:active, :visited:active.), 그나러나.

이러한 기본 색상을 사용할 수 있으며 제대로 작동할 것으로 예상할 수 있습니다.그러나 브라우저는 이러한 지침을 따를 필요가 없으므로 이러한 지침의 일부 또는 전부를 자유롭게 무시할 수 있습니다.그러나 브라우저 간에 일관된 사용자 환경(이 컨텍스트에서 "예상"이 정의되는 방식)을 위해 권장되므로 이러한 색상이 대부분의 브라우저의 기본값에 해당할 가능성이 있습니다.최악의 경우에도 실제 값에 대한 합리적인 근사치 역할을 합니다.

및링크 의 지침과 일치하지만, 에서는 서로 다른 값을 보고합니다.되지 않은 는 특히와에 Firefox서 Chrome기미본방문및방문링크상은에의침색위과하지지만치근일버전의최링미보값른다크을는다로니고합문서 IE방는서신최전의버에▁in▁are▁un근▁colors버미링전의▁ie최:보▁values값다▁in을다른서니▁different:고합크는로문방rgb(0, 102, 204)또는#0066CC는 방한링는입니다.rgb(128, 0, 128)또는#800080이전 버전의 Firefox(및 가능하면 Safari/Chrome)도 기본값이 다릅니다.그러나 그것들은 오래된 버전들입니다; 오늘날 제가 알고 있는 주요 특이사항은 IE입니다.이것이 프로젝트 스파르탄에서 바뀔지 여부에 대해서는 아직 언급되지 않았습니다. 현재로서는 최신 버전의 IE와 동일한 가치를 반영하고 있습니다.

HTML5에서 제안하는 것이 아니라 모든 브라우저에서 사용하는 표준화된 색 구성표를 찾고 있다면 없습니다.순수 CSS를 사용하여 특정 요소의 특정 속성에 대한 브라우저의 기본값으로 되돌리는 방법도 없습니다.HTML5에서 제안한 색상을 사용하거나, 자신만의 색상표를 고안하여 사용해야 합니다.이러한 선택사항 중 하나가 브라우저에 관계없이 브라우저의 기본값보다 우선합니다.

의심스러운 경우 언제든지 사용할 수 있습니다.about:blank제가 이전에 설명했던 기술은 오늘날에도 적용 가능하기 때문에 기본 색상을 냄새맡기 위해 설명했습니다.이를 사용하여 모든 브라우저에서 활성 링크 색을 스니핑할 수 있습니다. 예를 들어, 파이어폭스의 최신 버전(이 업데이트 기준 29)에서는rgb(238, 0, 0)또는#EE0000.

  • 표준 링크 - #0000FF //블루
  • 방문한 링크 - #800080 //dll
  • 활성 링크 - #FF0000 //red

그것은 표준이었지만 지금은 브라우저마다 크게 다릅니다. (닐슨이 그것을 포기했기 때문에 ;)

사용자가 기본 설정을 변경하지 않았다고 가정할 때 Gecko의 기본 색상은 다음과 같습니다.

  • 표준 링크:#0000EE(파란색)
  • 방문한 링크:#551A8B(계속)
  • 활성 링크:#EE0000(빨간색)

원천

Gecko는 또한 사용자의 색상에 대한 이름을 제공합니다.-moz-hyperlinktext -moz-visitedhyperlinktext그리고.-moz-activehyperlinktext그리고 그들은 또한 제공합니다.-moz-nativehyperlinktext시스템 링크 색상입니다.

저는 크롬의 색에 익숙해서 링크용 크롬의 파란색입니다.#007bff

revert css 키워드를 사용합니다.

a {
    color: revert;
}

ForuBlock 오리진htmlgiant.com##a:style(color:revert !important;)

공식 기본 HTML 스타일시트에 따르면 정의된 기본 링크 색상은 없습니다.그러나 스크린샷을 찍고 괜찮은 그래픽 편집기에서 피펫 도구를 사용하거나 브라우저의 개발자 도구를 사용하여 브라우저가 사용하는 기본값을 확인할 수 있습니다.a요소, 검색computed values>color).

저는 Chrome(2018년 6월 업데이트)에서 방문하지 않은 링크의 색상은 #2779F6입니다.가까이에서 확대하고, 스크린샷을 찍고, 스크린샷을 컬러 코드로 변환하는 html-color-codes.info 와 같은 웹 사이트를 방문하면 언제든지 이 기능을 사용할 수 있습니다.

방문 -#660199 Visited - #660199

방문하지 않음 - #1a0dab Unvisited - #1a0dab

웹 사이트를 덮어쓰지 않고 브라우저에서 방문하는 웹 사이트에 따라 전적으로 다릅니다.그것에 대한 기준은 없습니다.

브라우저의 기본 스타일을 지정하는 가장 좋은 방법은 처음부터 요소의 스타일을 지정하지 않는 것입니다.

CSS에서 당신은 색상 문자열을 사용할 수 있습니다.currentColor예를 들어 테두리를 기본 링크 색과 동일한 색으로 만듭니다.

.example {
    border: 1px solid currentColor;
}

다음과 같은 기본 HTML 색상 코드:

Red      #FF0000  rgb(255, 0, 0)
Maroon   #800000  rgb(128, 0, 0)
Yellow   #FFFF00  rgb(255, 255, 0)
Olive    #808000  rgb(128, 128, 0)
Blue     #0000FF  rgb(0, 0, 255)
Navy     #000080  rgb(0, 0, 128)
Fuchsia  #FF00FF  rgb(255, 0, 255)
Purple   #800080  rgb(128, 0, 128)

현재 Google Chrome의 경우, 다음과 같습니다.#0070E0또는rgb(0, 112, 224).

언급URL : https://stackoverflow.com/questions/4774022/whats-default-html-css-link-color

반응형