codeshow

하이퍼링크에서 모든 스타일/형식 제거 색이 다른 단어로 탐색 메뉴를 만들고 있습니다 (href링크).어떤 상태(호버, 방문 등)에서도 색상이 변하지 않았으면 좋겠습니다. 상태별로 색상을 설정하는 방법은 알고 있지만, 텍스트 색상(및 기타 스타일링/포맷)은 그대로 두도록 코드를 알고 싶습니다. 좋은 의견이라도 있나?간단히 링크에 대한 스타일을 정의할 수 있습니다. 이 스타일은 다음을 재정의합니다.a:hover,a:visited등: a { color: blue; text-decoration: none; /* no underline */ } 사용할 수도 있습니다.inherit대신 부모 스타일의 속성을 사용하려면 value: body { color: blue; } a { color: inherit; /* blu..

CSS 규칙 "clear: both"는 무엇을 합니까? 다음 CSS 규칙이 수행하는 역할은 무엇입니까? .clear { clear: both; } 그리고 왜 우리가 그것을 사용해야 합니까?여기서는 플로트가 어떻게 작동하는지(자세히) 설명하지 않겠습니다. 이 질문은 일반적으로 왜 사용하는지 또는 정확히 무엇을 하는지에 초점을 맞추고 있기 때문입니다. 이 대답은 단순하게 하고 요점을 설명하겠습니다. 그리고 왜 그러는지 그래픽으로 설명하겠습니다.clear: both;필요한 것인지 아니면 그것이 하는 일인지... 일반적으로 설계자는 요소를 왼쪽 또는 오른쪽으로 띄우고, 다른 측면에 빈 공간을 만들어 다른 요소가 나머지 공간을 차지하도록 합니다. 왜 그들은 원소들을 띄우고 있는 것일까요? 설계자가 블록 레벨 요소..

"margin:0 auto;"가 작동하려면 정확히 무엇이 필요합니까? 나는 그 설정을 알고 있습니다.margin: 0 auto;요소의 중심을 맞추는 데 사용됩니다(좌우).하지만 저는 자동 마진이 작동하려면 요소와 요소의 부모가 일정 기준을 충족해야 한다는 것을 알고 있으며 결코 마법을 제대로 맞출 수 없을 것 같습니다. 그래서 제 질문은 간단합니다. 요소와 그 부모에 어떤 CSS 속성을 설정해야 하는지에 대한 것입니다.margin: 0 auto;아이의 중심을 좌우로 잡아요?내 머리속에서. 요소는 블록 레벨이어야 합니다.display: block아니면display: table 요소가 뜨면 안 됩니다. 요소의 위치가 고정되거나1 절대적이어서는 안 됩니다. 다른 사람들의 머리 위에서: 요소에는 다음이 있어야 ..

의사 요소의 적층 순서를 부모 요소 아래에 설정할 수 있습니까? 이 질문에는 이미 다음과 같은 답변이 있습니다. 자식 요소가 부모보다 뒤에 나타나도록 하는 방법(낮은 z 지수)? (7개 답변) z-index 값을 가진 요소가 자식을 커버할 수 없는 이유는 무엇입니까? (4개 답변) 닫힘3년 전에. 나는 요소를 사용하여 스타일링하려고 합니다.:after의사 요소 CSS 선택기 #element { position: relative; z-index: 1; } #element::after { position:relative; z-index: 0; content: " "; position: absolute; width: 100px; height: 100px; } 그것은 마치.::after요소는 요소 자체보다 낮을..

CSS를 사용하여 텍스트를 미러링/플립할 수 있습니까? 텍스트 미러링을 위해 CSS/CSS3를 사용할 수 있습니까? 이 "( "" (✂오른쪽이 아닌 왼쪽을 가리키도록 표시합니다.이를 위해 CSS 변환을 사용할 수 있습니다.수평 플립은 다음과 같이 div의 스케일을 조정하는 것입니다. -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); 그리고 수직 방향 전환은 디브의 스케일을 다음과 같이 조정하는 것입니다. -moz-transform: scale(1, -1); -webkit-transform: scal..

높이가 작동하지 않는 이유: 100%는 화면 높이로 디브를 확장할 수 있습니다. 회전목마 DIV(s7)가 전체 화면 높이로 확장되기를 원합니다.저는 왜 그것이 성공하지 못하는지 전혀 모르겠습니다.페이지를 보려면 여기로 가시면 됩니다. body { height: 100%; color: #FFF; font: normal 28px/28px'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif; background: #222 url('') no-repeat center center fixed; overflow: hidden; background-size: cover; margin: 0; padding: 0; } .holder { height: 100%; margin: a..

CSS만 사용하여 divon을 다른 요소 위에 호버링합니다. 가 를 맴돌 때 싶습니다.요소는 그렇지만 이것을 자바스크립트가 아닌 CSS로 하고 싶습니다.이것이 어떻게 이루어질 수 있는지 알고 있습니까?다음과 같은 작업을 수행할 수 있습니다. div { display: none; } a:hover + div { display: block; } Hover over me! Stuff shown on hover 인접 형제 선택기를 사용하며, 흡어 드롭다운 메뉴의 기본이 됩니다. 것을 수 있게 그 는,div요소는 닻의 자식으로 만들 수 있습니다.그렇지 -합니다를 합니다 -합니다:hover할 유사 display다른 원소의 성질 .showme { display: none; } .showhim:hover .showme..

@미디어 미디어 쿼리 및 ASP.NET MVC 면도기 구문 충돌 ASP에서 실행되는 큰 사이트가 있습니다.레이저 뷰 엔진을 사용한 NET MVC. 저는 전체 사이트의 모든 일반적인 스타일링이 포함된 기본 스타일시트를 가지고 있습니다.하지만 가끔 나는 페이지별 스타일을 가지고 있습니다.페이지의 - 보통 이것은 한 줄 또는 두 줄입니다. 저는 CSS를 넣는 것을 특별히 좋아하지 않습니다.관심사를 엄격히 구분하는 것이 아니라 해당 페이지에 특화된 한 두 줄의 경우 다른 파일을 첨부하여 대역폭을 추가할 필요가 없기 때문입니다. 페이지별 미디어 쿼리를 저장할 수 있는 인스턴스가 있습니다., 하지만 미디어 쿼리는 @ 기호와 괄호 {}을(를) 사용하기 때문에 면도기 구문과 충돌합니다. @section cphPageH..

javascript에서 CSS 변수 접근 이 질문에는 이미 다음과 같은 답변이 있습니다. 자바스크립트를 통해 CSS 사용자 지정 속성(일명 CSS 변수) 접근 (4개 답변) 닫힘6년 전에. javascript에서 cs 변수에 접근할 수 있는 방법이 있습니까?여기 내 CSS 변수 선언이 있습니다. :root { --color-font-general: #336699; } 일반적인 방법입니다. 계산된 스타일 가져오기: 원하는 속성의 값을 가져오는 데 사용합니다. getComputedStyle(element).getPropertyValue('--color-font-general'); 예: var style = getComputedStyle(document.body) console.log( style.getPro..

파이어폭스는 테이블 요소에 상대적인 위치를 지원합니까? 사용하려고 할 때position: relative/position: absolute에서아니면파이어폭스에서는 작동하지 않는 것 같습니다.가장 쉽고 적절한 방법은 셀의 내용물을 디브로 감싸고 해당 디브에 상대적인 위치를 추가하는 것입니다. 예: This will be positioned normally This will be positioned at 5,5 relative to the cell 그것은 아무 문제 없어야 해요.또한 다음을 설정해야 합니다. display: block; Internet Explorer 7, 8 및 9를 포함한 모든 웹 브라우저는 테이블 표시 요소의 상대적인 위치를 올바르게 처리하고 FireFox만 이를 잘못 처리하므로 자바스..