«css» 태그된 질문

CSS (Cascading Style Sheets)는 HTML (HyperText Markup Language), XML (Extensible Markup Language) 문서 및 색상, 레이아웃, 글꼴 등을 포함한 SVG 요소의 모양과 형식을 설명하는 데 사용되는 표현 스타일 시트 언어입니다. 애니메이션. 또한 화면, 종이, 연설 또는 기타 미디어에서 요소를 렌더링하는 방법에 대해서도 설명합니다.

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

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

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

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

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

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

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

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

12
Bootstrap 4 햄버거 토글 러 색상 변경
화면 크기가 992px보다 작을 때 햄버거 토글 러가 추가되는 부트 스트랩 웹 사이트가 있습니다. 코드는 다음과 같습니다. &lt;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"&gt; &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt; &lt;/button&gt; 햄버거 토글 버튼의 ​​색상을 변경할 수 있습니까?

10
화살표 스타일 변경 선택
선택의 화살표를 내 사진으로 바꾸려고합니다. 같은 크기의 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 



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

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

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

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.