«css» 태그된 질문

폐쇄되었습니다 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 지난달 휴무 . 새 웹 사이트를 디자인하고 있으며 가능한 한 많은 브라우저 및 브라우저 설정과 호환되기를 바랍니다. 글꼴 및 요소의 크기에 어떤 …

375 html  css  distance  units-of-measurement 

내 웹 사이트는 iPhone / Safari 브라우저에서 잘 렌더링되지만 한 가지 예외가 있습니다. 내 텍스트 입력 필드에는 이상한 둥근 스타일이있어 나머지 웹 사이트에는 전혀 어울리지 않습니다. 입력 필드를 반올림하지 않고 의도 한대로 사각형으로 렌더링하지 않도록 Safari (CSS 또는 메타 데이터를 통해)에 지시하는 방법이 있습니까?

374 html  css  iphone  mobile-safari  css-reset 

나는 div아이들과 함께 있습니다. <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> 다음 레이아웃을 원합니다. ------------------- |heading 1 | |heading 2 | |paragraph text | |can have many | |rows | | | | | | | |link-button | ------------------- 얼마나 많은 …

374 html  css  flexbox 

내가하려는 것은 현재 페이지의 모든 요소를 ​​동일한 클래스로 계산 한 다음 입력 양식의 이름에 추가하는 데 사용하는 것입니다. 기본적으로 사용자가 a를 클릭 <span>한 다음 동일한 유형의 항목에 대해 다른 것을 추가 할 수 있습니다. 그러나 jQuery / JavaScript로 이러한 모든 것을 간단히 계산할 수있는 방법을 생각할 수 없습니다. 그런 다음 …

373 javascript  jquery  css  element 

html <img src="logo.svg" alt="Logo" class="logo-img"> CSS .logo-img path { fill: #000; } 위의 svg 가로 드되고 기본적으로 fill: #fff위의 css검은 색으로 변경하려고 시도해도 변경되지 않습니다. 이것은 SVG를 처음 사용하는 이유이며 왜 작동하지 않는지 잘 모르겠습니다.

373 css  image  svg 

Bootstrap 3을 사용하여 화면 크기에 따라 몇 가지 글꼴 크기를 조정하려는 반응 형 레이아웃을 작성하고 있습니다. 미디어 쿼리를 사용하여 이러한 종류의 논리를 만들려면 어떻게해야합니까?

371 css  twitter-bootstrap  media-queries 

CSS3 선택기를 사용하여 마지막 자식을 제외한 모든 항목을 어떻게 선택합니까? 예를 들어, 마지막 자식 만 얻으려면 div:nth-last-child(1)입니다.

371 css-selectors  css 

CSS 선택기를 사용하여 'text'유형의 입력 필드를 어떻게 대상으로 지정할 수 있습니까?

371 html  css  forms  css-selectors  html-input 

CSS에서 여백 과 패딩 의 차이점은 정확히 무엇입니까 ? 실제로 많은 목적을 달성하지 못하는 것 같습니다. 차이점이 어디에 있는지 (그리고 차이점을 아는 것이 왜 중요한지) 예를 들어 주시겠습니까?

371 css 

다음 코드를 고려하십시오 . #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who write code because they love it.</div> <div id="second">When …

370 css  html 

CSS의 부모로부터 자식 불투명도를 상속하고 싶지 않습니다. 부모 인 하나의 div가 있고 첫 번째 div 안에 자식 인 다른 div가 있습니다. 부모 div에서 opacity 속성을 설정하고 싶지만 자식 div가 opacity 속성을 상속하지는 않습니다. 어떻게해야합니까?

370 css 

다음과 같은 스타일의 요소 목록이 있습니다. ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> 코드 스 니펫 실행결과 숨기기스 니펫 확장 One | Two | Three | Four | Five |대신 출력One | Two …

369 css  css-selectors  pseudo-element 

최대 5 개의 항목과 3 개의 작은 항목을 가진 flexbox 탐색을 시도하지만 모든 요소간에 너비를 균등하게 나누지는 않습니다. 깡깡이 내가 모델링 한 튜토리얼은 http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ 입니다 . SASS * { font-size: 16px; } .tabs { max-width: 1010px; width: 100%; height: 5rem; border-bottom: solid 1px grey; margin: 0 0 0 6.5rem; display: …

368 html  css  flexbox 

이 간단한 CSS가 왜 작동하지 않는지 모르겠습니다 ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">Test Test Test Test Test Test</a> </div> 코드 스 니펫 …

368 overflow  ellipsis  css 

아무도 나 사이의 차이 보여줄 수 align-items와 align-content?

366 css  layout  flexbox  alignment