«css» 태그된 질문

현재로서는이 질문이 Q & A 형식에 적합하지 않습니다. 답변, 사실, 참고 자료 또는 전문 지식을 통해 답변이 뒷받침 될 것으로 예상되지만이 질문은 토론, 논쟁, 여론 조사 또는 광범위한 토론을 요구할 것입니다. 이 질문을 개선하고 다시 열 수 있다고 생각 되면 도움말 센터 를 방문하여 안내를 받으십시오 . 휴일 칠년 전에 …

126 css  css-sprites  web-performance 

Collapse 의 Bootstrap 3 Javascript 예제 페이지 에서 가져온 핵심 예제를 사용하여 갈매기 형 아이콘을 사용하여 축소 상태를 표시 할 수있었습니다. 나는 이것을 사용하여 일하고있다 : $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); 이것은 작동하지만 (모든 브라우저에서 완전히 테스트되지는 않았지만) 더 우아한 해결책이 있는지 궁금합니다. 이상적으로 …

126 jquery  css  twitter-bootstrap  twitter-bootstrap-3 

래퍼 div의 첫 번째 요소로 헤더 div가 있지만 헤더 div 내부의 h1에 위쪽 여백을 추가하면 전체 헤더 div가 아래로 푸시됩니다. 페이지의 첫 번째 보이는 요소에 위쪽 여백을 적용 할 때마다이 문제가 발생한다는 것을 알고 있습니다. 다음은 샘플 코드 스 니펫입니다. 감사! div#header{ width: 100%; background-color: #eee; position: relative; } div#header …

126 html  css  xhtml 

이 구문을 사용하는 요점은 무엇입니까 div.card > div.name 이것의 차이점은 무엇입니까 div.card div.name

126 css  css-selectors 

요소를 선택하고 화살표를 제거한 다음 다른 아이콘을 추가 할 수 있습니다. Firefox Safari 및 Chrome 에서이 작업을 수행 할 수 있지만 IE9 에서는 작동하지 않습니다 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ background: url('select_icon.png') …

126 html  css  html-select 

div가 항상 부모 div의 오른쪽에 있기를 원하므로 float:right. 효과가있다. 하지만 삽입 할 때 다른 콘텐츠에 영향을주지 않기를 원하므로 position:absolute. 이제 float:right작동하지 않습니다. 내 div는 항상 상위 div의 왼쪽에 있습니다. 오른쪽으로 이동하려면 어떻게해야합니까?

126 css  css-float  position 

인라인으로 유지해야하는 두 개의 이미지가 있습니다. 각 이미지 아래에 캡션을 쓰고 싶습니다. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> 어떻게 구현할 수 있습니까?

126 css  html 

방법이있다 웹 개발자를위한 특정에 크롬 / 사파리 / 웹킷의 맞춤법 검사를 해제 input하거나textarea 요소 있습니까? 특별한 태그 속성이나 독점적 인 CSS 명령을 의미합니다. inputs의 개요를 끄는 CSS 지침 이 있으므로 그것도 존재할 수 있다고 생각했습니다. 사용자가 할 수있는 방법을 알고 있습니다. 또는 사용자로서 특정 도메인에 대해 비활성화 할 수 있습니까?

126 html  css  google-chrome  spell-checking 

내 페이지에 클릭하면 div내 화면 중앙에 (팝업 스타일)이 표시되는 버튼이 있습니다. 다음 CSS를 사용 div하여 화면 중앙을 중앙에 배치합니다. .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } 이 CSS는 페이지가 아래로 스크롤되지 않는 …

126 html  css  scroll  position  centering 

나는 방금 Sass를 발견했고 그것에 대해 너무 흥분했습니다. 내 웹 사이트에서는 자식 결합 자 ( E > F)를 사용하여 스타일이 지정된 트리와 같은 탐색 메뉴를 구현합니다 . Sass에서 더 간단한 (또는 더 나은) 구문으로이 코드 를 다시 작성할 수 있는 방법 이 있습니까? #foo > ul > li > ul …

126 css  css-selectors  sass 

#abc divat 50px및 텍스트 의 높이를 유지 하여 div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } <div id="main"> <div id="abc"> asdfasdfafasdfasdf </div> </div> 코드 조각 실행결과 숨기기스 니펫 확장

126 css  vertical-alignment 

내가하려는 것은 툴팁 색상을 빨간색으로 변경하는 것 입니다. 그러나 다른 색상도 여러 개 갖고 싶기 때문에 단순히 원래 도구 설명의 색상을 바꾸고 싶지는 않습니다. 어떻게하면 되나요?

126 html  css  twitter-bootstrap 

을 수행 한 후 흐릿한 텍스트를 유발하는 최근 Google 크롬 업데이트가있는 것 같습니다 transform: scale(). 특히 나는 이것을하고있다 : @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } Chrome에서 http://rourkery.com 을 …

126 google-chrome  css  webkit  transform  css-animations 

CSS 만 사용하여 테이블의 두 번째 열만 CSS를 재정의 할 수 있습니다. 다음을 사용하여 모든 열에 액세스 할 수 있습니다. .countTable table table td 이 페이지가 내 사이트가 아니기 때문에 수정하기 위해이 페이지의 html에 액세스 할 수 없습니다. 감사.

126 css 

이 목록을 한 줄로 렌더링하고 싶습니다. 목록 item1 목록 항목 2 다음과 같이 표시되어야합니다. * 목록 항목 2 * 목록 항목 2 사용할 CSS 스타일은 무엇입니까?

126 css