CSS (Cascading Style Sheets)는 HTML (HyperText Markup Language), XML (Extensible Markup Language) 문서 및 색상, 레이아웃, 글꼴 등을 포함한 SVG 요소의 모양과 형식을 설명하는 데 사용되는 표현 스타일 시트 언어입니다. 애니메이션. 또한 화면, 종이, 연설 또는 기타 미디어에서 요소를 렌더링하는 방법에 대해서도 설명합니다.
범위 중간에 "x"를 세로로 정렬하려면 어떻게합니까? .foo { height: 50px; border: solid black 1px; display: inline-block; vertical-align: middle; } <span class="foo"> x </span>
.offset([coordinates])메소드는 요소의 좌표를 설정하지만 문서를 기준으로합니다. 그런 다음 요소의 좌표를 부모와 관련하여 어떻게 설정할 수 있습니까? 이 .position()메소드는 부모와 관련하여 "top, left"값만 가져 오지만 값을 설정하지는 않습니다. 나는 함께 노력했다 $("#mydiv").css({top: 200, left: 200}); 그러나 작동하지 않습니다.
"iFrame을 반응 형으로 만들 수 있습니까?"라는 제목 의이 stackoverflow 게시물 을 읽었 으며 댓글 / 응답 중 하나 가이 jfiddle로 연결되었습니다. 그러나 필자의 요구에 맞게 HTML과 CSS를 구현하려고 할 때 동일한 결과 / 성공을 얻지 못했습니다. 내 JS 바이올린을 만들었 으므로 어떻게 작동하지 않는지 보여줄 수 있습니다. 필자가 사용중인 iFrame …
항상 표시되는 이전 및 다음 버튼으로 회전식 메뉴를 만들었습니다. 이 버튼은 호버 상태이며 파란색으로 바뀝니다. iPad와 같은 터치 장치에서는 호버 상태가 고정되어 있으므로 버튼을 탭한 후에도 파란색으로 유지됩니다. 나는 그것을 원하지 않습니다. 각 버튼에 no-hover클래스 ontouchend를 추가하고 CSS를 다음과 같이 만들 수는 button:not(.no-hover):hover { background-color: blue; }있지만 성능에 좋지 않을 …
전자 앱을 디자인하고 있으므로 CSS 변수에 액세스 할 수 있습니다. 색 변수를 vars.css다음과 같이 정의했습니다 . :root { --color: #f0f0f0; } 이 색상을에 사용하고 싶지만 main.css일부 불투명도가 적용되었습니다. #element { background: (somehow use var(--color) at some opacity); } 어떻게하면 되나요? 전처리기를 사용하지 않고 CSS 만 사용하고 있습니다. 모든 CSS 답변을 …
CSS를 사용하여 jQuery 슬라이드 다운 섹션의 트리거 텍스트를 나타냅니다. 즉, 트리거 텍스트 위로 마우스를 가져 가면 커서가 포인터로 바뀌고 트리거 텍스트의 불투명도가 감소하여 텍스트에 클릭 동작이 있음을 나타냅니다 . 이것은 Firefox와 Chrome에서 잘 작동하지만 IE8에서는 불투명도가 변경되지 않습니다. 나는 성공하지 않고 다양한 CSS 설정을 시도했습니다. 예를 들어 HTML : <h3 …
현재로서는이 질문이 Q & A 형식에 적합하지 않습니다. 답변, 사실, 참고 자료 또는 전문 지식을 통해 답변이 뒷받침 될 것으로 예상되지만이 질문은 토론, 논쟁, 여론 조사 또는 광범위한 토론을 요구할 것입니다. 이 질문을 개선하고 다시 열 수 있다고 생각 되면 도움말 센터 를 방문하여 안내를 받으십시오 . 휴일 칠년 전에 …
Chrome 용 사용자 에이전트 스타일 시트는 <select>요소 의 모든 모서리에 5px의 경계 반경을 제공합니다 . 외부 스타일 시트를 통해 반경 0px를 적용하고 요소 자체에 인라인을 적용하여이를 제거하려고 시도했습니다. 난 둘 다 해봤 border-radius:0px와 -webkit-border-radius:0px;와 나는 더 구체적인 노력했습니다 border-top-left-radius:0px(그것의 -webkit 동등한와 함께)를. 아무것도 작동하지 않습니다. 웹킷의 개발자 도구에서 요소를 검사 …
나는 3 레벨이 있습니다 div: (아래 녹색) 상위 레벨 div로를 overflow: hidden. 상자 크기를 초과하면 해당 상자 내부의 일부 내용 (여기에는 표시되지 않음)이 잘 리기를 원하기 때문입니다. (에서 아래 빨간색) 이 내부에서, 내가 가지고 div와 position: relative. 이를위한 유일한 용도는 다음 단계를위한 것입니다. (아래 파란색) 마지막으로 div흐름을 제거 position: absolute하지만 …
각 목록 요소 뒤에 작은 이미지를 삽입하는 가장 좋은 방법은 무엇입니까? 나는 의사 클래스로 시도했지만 뭔가 잘못되었습니다 ... ul li a:after {display: block; width: 3px; height: 5px; background: url ('../images/small_triangle.png') transparent no-repeat;} 도움을 주셔서 감사합니다!
내가 원하는 것은 녹색 배경이 텍스트 바로 뒤에 있고 페이지 너비의 100 %가 아닌 것입니다. 내 현재 코드는 다음과 같습니다. h1 { text-align: center; background-color: green; } <h1>The Last Will and Testament of Eric Jones</h1> 코드 스 니펫 실행결과 숨기기스 니펫 확장
다른 질문을 검색했지만이 문제는 다른 몇 가지와 비슷해 보이지만 지금까지 본 적이없는 문제를 해결하지 못했습니다. 여러 다른 div가 포함 된 div가 있으며 각 div는 왼쪽에 떠 있습니다. 이 div에는 각각 사진과 캡션이 포함되어 있습니다. 내가 원하는 것은 사진 그룹이 포함 된 div 안에 중심을 두는 것입니다. 아래의 코드에서 볼 수 …