tipmemo

html 하이퍼링크 'a' 태그의 기본 링크 색상을 제거하려면 어떻게 해야 합니까? 기본 링크 색상은 파란색입니다.HTML 하이퍼링크 태그의 기본 링크 색을 제거하려면 어떻게 해야 합니까??상속 값: a { color: inherit; } … 요소가 부모의 색을 띠게 됩니다(제 생각에 당신이 찾고 있는 것입니다). 라이브 데모는 다음과 같습니다. a { color: inherit; } The default color of the html element is black. The default colour of the body and of a paragraph is inherited. This link would normally take on the default link or visited color, b..

:hover(마우스 탈퇴 시)와 반대되는 것은 무엇입니까? 를 로 할 수 ?:hover CSS만 사용?에 있는 경우: if:hover이다.on Mouse Enter CSS 에 ?on Mouse Leave? 예: 리스트 항목을 이용한 HTML 메뉴가 있습니다. 중 면 CSS.#999.black. 합니다의 때 해야 ?black.#999? jsFiddle 이 ( "의") 의 "반대"에 대답하고 않다는 하십시오.:hover" 발행.)제대로 이해했다면 호버 상태가 아닌 링크로 전환을 이동하여 동일한 작업을 수행할 수 있습니다. ul li a { color:#999; transition: color 0.5s linear; /* vendorless fallback */ -o-transition: color 0.5s ..

iframe의 내용에 대해 본문 스타일 재정의 의 와 을 하려면 의 하려면 와 을 iframe, ? 로, 는 를 ,iframe제 사이트의 일부분인 페이지입니다. 제가 이것이 필요한 이유는 제 사이트에 본문에 검은색 배경이 할당되어 있고, 그 다음에 텍스트가 포함된 디브에 흰색 배경이 할당되어 있기 때문입니다.는 WYSIWYG는다을합니다를 합니다.iframe편집할 때 내용을 삽입하는 것인데 디브가 포함되어 있지 않아서 텍스트를 읽기가 매우 어렵습니다. 의 몸.iframe에디터 안에 다른 곳에서는 사용하지 않는 클래스가 있을 때, 저는 이것이 이와 같은 문제를 해결할 수 있도록 거기에 놓였을 것이라고 추측합니다.o에 할 때.class.body에 그 일인지 모르겠어요이상한 점은 파이어버그에 스타일이 등장해서 ..

크롬/오페라에서 CSS3 둥근 모서리가 오버플로를 숨기도록 만드는 방법 아이들의 콘텐츠를 숨기기 위해 부모 디브의 둥근 모서리가 필요합니다.overflow: hidden단순한 상황에서 작동하지만 부모가 상대적으로 또는 절대적으로 위치할 때 웹킷 기반 브라우저 및 Opera에서 중단됩니다. 이 기능은 Firefox 및 IE9에서 작동합니다. CSS #wrapper { width: 300px; height: 300px; border-radius: 100px; overflow: hidden; position: absolute; } #box { width: 300px; height: 300px; background-color: #cde; } HTML JSFidle의 예 도와주셔서 감사합니다! 업데이트: 이 문제..

플렉스 항목이 늘어나지 않도록 방지 샘플: div { display: flex; height: 200px; background: tan; } span { background: red; } This is some text. 두 가지 질문이 있습니다. 왜 기본적으로 그것이 발생합니까?span? 플렉스 컨테이너의 다른 플렉스 항목에 영향을 주지 않고 늘어나는 것을 방지하기 위한 올바른 접근 방식은 무엇입니까? 당신은 높이에서 스판을 늘리고 싶지 않나요? 컨테이너의 전체 높이를 늘리지 않는 하나 이상의 유연한 항목에 영향을 미칠 수 있습니다. 컨테이너의 모든 플렉스 항목에 영향을 미치려면 다음을 선택합니다. 설정해야 합니다.align-items: flex-start;로.div그리고 이 컨테이너의 모든 플렉스 컨..

CSS를 사용하여 빈 입력 상자 일치 빈 입력 상자에 스타일을 적용하려면 어떻게 해야 합니까?사용자가 입력 필드에 무언가를 입력하는 경우 스타일은 더 이상 적용되지 않아야 합니다.이것이 CSS에서 가능합니까?시도해 봤습니다. input[value=""] 최신 브라우저에서는 빈 입력을 대상으로 지정하는 데 사용할 수 있습니다(와 혼동하지 마십시오). input:placeholder-shown { border: 1px solid red; /* Red border only if the input is empty */ } HTML에서 자리 표시자 속성을 설정해야 합니다.Chrome 브라우저에는 값으로 공백 문자 이상이 필요합니다. 필드가 다음과 같은 경우에만required당신은 할 수 있습니다.input:val..

CSS에서 방사형 메뉴를 만드는 방법은 무엇입니까? 다음과 같은 메뉴를 만들려면 어떻게 해야 합니까? PSD 링크 저는 PSD 이미지를 사용하고 싶지 않습니다.저는 FontAwesome과 같은 패키지의 아이콘을 사용하고 CSS에서 배경/css를 생성하는 것을 선호합니다. PSD를 사용하여 툴팁의 이미지를 생성하고 이를 사용하는 메뉴 버전은 여기에서 확인할 수 있습니다.거의 3년 후, 저는 마침내 이것을 다시 방문하고 개선된 버전을 게시할 시간을 만들었습니다.끝에 있는 원래 답변을 참조할 수 있습니다. SVG가 더 나은 선택일 수도 있지만, 특히 오늘날, 제 목표는 HTML과 CSS, JS, SVG, 이미지(루트 요소의 배경 제외)만 유지하는 것이었습니다. 2015년 데모 스크린샷 크롬 43: 파이어폭스 ..

Flexbox 항목을 동일한 크기로 만드는 방법 너비가 같은 항목이 몇 개 있는 Flexbox를 사용하고 싶습니다.저는 Flexbox가 공간 자체가 아니라 공간을 고르게 분배한다는 것을 알게 되었습니다. 예: .header { display: flex; } .item { flex-grow: 1; text-align: center; border: 1px solid black; } asdfasdfasdfasdfasdfasdf z 첫 번째 항목은 두 번째 항목보다 훨씬 큽니다.3개의 항목, 4개의 항목 또는 n개의 항목이 있는 경우 항목당 동일한 공간으로 모두 동일한 줄에 표시하기를 원합니다. 아이디어 있어요? http://codepen.io/anon/pen/gbJBqM그들을 그들의 것이 되도록 설정합니다.f..

clearfix'의 어떤 방법을 사용할 수 있습니까? 로 고민하고 있습니다.div2열 레이아웃을 래핑합니다. 내 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠdiv내용 및 사이드바를 줄바꿈하지 못했습니다. Firefox에는 일반 버그를 수정하는 여러 가지 방법이 있는 것 같습니다. overflow:auto overflow:hidden 내 상황에서, 제대로 작동하는 것으로 보이는 유일한 것은해결책, 약간 엉성합니다. overflow:auto 스크롤바, 내게끔스를바주고롤크한그, 리고찍▁me고▁gives▁nasty,주.overflow:hidden분명히 부작용이 있을 것입니다.또한 IE7은 잘못된 동작으로 인해 이 문제를 겪지 않을 것으로 보이지만, 제 상황에서는 Firefox와 동일하게 문제를 겪고 있습니다. 현재 사용 가능한..