«css» 태그된 질문

에서 무엇 auto을 margin:0 auto;합니까? 나는 무엇을하는지 이해할 수없는 것 같다 auto. 나는 그것이 때때로 물체를 중앙에 맞추는 효과가 있다는 것을 알고 있습니다. 감사.

126 css 

미디어 쿼리를 사용하지 않고 CSS 그리드 랩을 만들 수 있습니까? 제 경우에는 그리드에 배치하려는 비 결정적 항목 수가 있고 해당 그리드가 래핑되기를 원합니다. Flexbox를 사용하면 안정적으로 공간을 제대로 배치 할 수 없습니다. 많은 미디어 쿼리도 피하고 싶습니다. 다음은 몇 가지 샘플 코드입니다 . .grid { display: grid; grid-gap: 10px; grid-auto-flow: …

126 html  css  css-grid 

이미지를 (동적 크기로 제한없이) 부모 div만큼 넓게하려고하지만 너비가 자체 너비보다 100 % 넓지 않는 한 이미지를 얻으려고합니다. 나는 이것을 시도했지만 아무 소용이 없었다. img { width: 100%; height: auto; max-width: 100%; } 이 이미지의 대부분은 부모 div보다 넓기 때문에 그에 따라 크기를 조정하고 싶지만 작은 이미지가 거기에 나타나고 일반 크기보다 …

125 html  width  css 

JavaScript에서 의사 클래스 선택기 (예 : : link, : hover 등)에 대한 CSS 규칙을 변경하는 방법을 찾고 있습니다. 따라서 CSS 코드의 아날로그 : a:hover { color: red }JS에서. 다른 곳에서는 답을 찾을 수 없었습니다. 이것이 브라우저가 지원하지 않는 것임을 아는 사람이 있다면 도움이 될 것입니다.

125 javascript  css  pseudo-class  css-in-js 

CSS 속성을 사용하여 사용자 정의 그래픽을 대체 글 머리 기호 문자로 지정할 수 있음을 알고 있습니다. list-style-image 그런 다음 URL을 제공합니다. 그러나 제 경우에는 '+'기호를 사용하고 싶습니다. 이를 위해 그래픽을 만든 다음 가리킬 필요가 없습니다. 차라리 순서가 지정되지 않은 목록에 더하기 기호를 총알 기호로 사용하도록 지시하고 싶습니다. 이 작업을 수행 …

125 html  css  webkit  mobile-webkit 

div의 오른쪽 상단 모서리에 이미지를 표시해야하지만 (이미지는 "대각선"리본 임) 내부 div에 포함 된 현재 텍스트는 상단에 붙어있는 것처럼 유지해야합니다. 다른 div에 이미지를 포함하거나 클래스를 다음과 같이 정의하는 것과 같이 다른 작업을 시도했습니다. .ribbon { position: relative; top: -16px; right: -706px; } <div id="content"> <img src="images/ribbon.png" class="ribbon"/> <div>some text...</div> </div> 그러나 …

125 html  css 

스프라이트를 사용하고 일부 아이콘에 대한 대체 텍스트를 제공 할 수 있도록 배경 이미지와 함께 투명한 1x1 이미지를 사용하고 있습니다. HTTP 요청 수를 줄이기 위해 이미지에 데이터 URI를 사용하고 싶지만 투명한 이미지를 생성하는 데 가능한 가장 작은 문자열은 무엇입니까? 스프라이트 대신 실제 이미지에 데이터 URI를 사용할 수 있다는 것을 알고 있지만 …

125 css  css-sprites 

스택 오버플로 및 수동 : 스크롤 및 패딩 Chrome에서 .html 페이지를 일관된 너비로 유지하려는 작은 문제가 있습니다. 그 페이지 (1). 페이지 (2)에서 동일한 레이아웃 (메뉴, div 등)을 가지고 있지만 콘텐츠가 적기 때문에 수직 스크롤 막대가 없습니다. 문제는 (1) 페이지에서 스크롤 막대가 요소를 약간 왼쪽으로 밀어내는 것 (너비에 더해 지나요?)이지만 모든 …

125 html  css  google-chrome  scrollbar 

화면 크기가 992px보다 작을 때 햄버거 토글 러가 추가되는 부트 스트랩 웹 사이트가 있습니다. 코드는 다음과 같습니다. <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> 햄버거 토글 버튼의 ​​색상을 변경할 수 있습니까?

125 css  twitter-bootstrap  bootstrap-4 

선택의 화살표를 내 사진으로 바꾸려고합니다. 같은 크기의 div에 선택을 포함하고 선택의 배경을 투명으로 설정하고 div의 오른쪽 상단 모서리에 배경으로 그림 (화살표와 같은 크기)을 포함합니다. Chrome에서만 작동합니다. Firefox 및 IE9에서 어떻게 작동하도록 할 수 있습니까? .styled-select { width: 100px; height: 17px; overflow: hidden; overflow: -moz-hidden-unscrollable; background: url(images/downarrow_blue.png) no-repeat right white; border: …

125 css  select 

Angular 2에서 경로를 변경할 때 로딩 화면을 어떻게 표시합니까?

124 html  css  angular  angular2-routing 

이 속성을 가진 div가 있습니다 style="-moz-user-select:none; position:static !important;". -moz-user-select $ (selector) .css ()로 Tried 를 제거해야 하지만 "없음"이기 때문에 어떤 값을 설정할지 모르겠습니다.

124 jquery  css 

내가 사용하고 PHP DOM을 나는 주어진 클래스 이름을 가지고 DOM 노드 내의 요소를 얻기 위해 노력하고있어. 하위 요소를 얻는 가장 좋은 방법은 무엇입니까? 업데이트 :Mechanize 작업하기 훨씬 더 쉬운 PHP를 사용하게 되었습니다.

124 php  css  dom 

특이도를 검토 한 결과 내가이 블로그를 우연히 - http://www.htmldog.com/guides/cssadvanced/specificity/ 특이성은 CSS에 대한 점수 시스템이라고 말합니다. 요소는 1 점, 클래스는 10 점, ID는 100 점을 의미합니다. 또한 이러한 포인트가 합산되고 전체 금액이 해당 선택 자의 특이성이라고 말합니다. 예를 들면 : body = 1 포인트 body .wrapper = 11 포인트 body .wrapper …

124 css  css-selectors  css-specificity 

나는 네거티브 패딩의 전망이 특정 페이지 요소의 CSS 개발이 더 좋고 쉬워지는 데 도움이 될 수 있다는 것을 여러 번 보았다. 그러나 W3C CSS에는 네거티브 패딩에 대한 규정이 없습니다. 그 이유는 무엇입니까? 재산의 사용을 방해하는 장애물이 있습니까? 답변 해 주셔서 감사합니다. 업데이트 예를 들어, 예를 들어 세로 간격이 20px 인 …

124 html  css  padding