«css» 태그된 질문

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


22
CSS 만 사용하여 백그라운드에서 CSS 이미지 확장 및 크기 조정
브라우저 뷰포트 크기에 따라 배경 이미지가 늘어나고 크기를 조정하고 싶습니다. CSS 오버플로 및 크기 조정과 같은 작업을 수행하는 스택 오버플로에 대한 몇 가지 질문을 보았습니다 . 잘 작동하지만 태그가 background아닌을 사용하여 이미지를 배치하고 싶습니다 img. 그 중 하나에 img태그가 배치 된 다음 CSS를 사용하여 img태그에 경의를 표합니다 . width:100%; height:100%; …
853 css  background 

21
바디 높이를 브라우저 높이의 100 %로 설정
본문에 브라우저 높이가 100 %가되도록하고 싶습니다. CSS를 사용하여 그렇게 할 수 있습니까? 설정을 시도했지만 height: 100%작동하지 않습니다. 전체 브라우저 창을 채우도록 페이지의 배경색을 설정하고 싶지만 페이지에 내용이 거의 없으면 아래쪽에 못생긴 흰색 막대가 나타납니다.
844 html  css  height 


30
CSS를 사용하여 확인란의 스타일을 지정하는 방법
다음을 사용하여 확인란의 스타일을 지정하려고합니다. <input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" /> 코드 스 니펫 실행결과 숨기기스 니펫 확장 그러나 스타일은 적용되지 않습니다. 확인란은 여전히 ​​기본 스타일을 표시합니다. 지정된 스타일을 어떻게 지정합니까?
831 html  css  checkbox 

15
패딩 / 여백이있는 CSS 100 % 높이
HTML / CSS를 사용하면 너비 및 / 또는 높이가 부모 요소의 100 %이고 여전히 적절한 패딩 또는 여백이있는 요소를 만들 수 있습니까? "적절한"에 의해 나는 나의 부모 요소 인 경우, 의미 200px높이 나는 지정 height = 100%에 padding = 5px내가이 얻을 것을 기대하는 190px높은 요소를 border = 5px모든면에서 멋지게 부모 …
813 css 

9
not : 첫 번째 자식 선택기
나는이 div몇 가지 포함 태그 ul태그. 첫 번째 ul태그에 대해서만 CSS 속성을 설정할 수 있습니다 . div ul:first-child { background-color: #900; } 그러나 다음 ul은 첫 번째 태그를 제외하고 서로 다른 태그 에 대해 CSS 속성을 설정하려는 시도가 작동하지 않습니다. div ul:not:first-child { background-color: #900; } div ul:not(:first-child) { background-color: …
811 css  css-selectors 

21
Chrome의 CSS 맞춤 스타일 버튼에서 파란색 테두리 제거
웹 페이지에서 작업 중이며 사용자 정의 스타일 <button>태그가 필요합니다. CSS로 다음과 같이 말했습니다 border: none. 이제 사파리에서 완벽하게 작동하지만 크롬에서는 버튼 중 하나를 클릭하면 주위에 성가신 파란색 테두리가 나타납니다. 나는 생각 button:active { outline: none }하거나 button:focus { outline:none }작동하지만 둘 다하지 않습니다. 어떤 아이디어? 이것은 클릭하기 전의 모습이며 클릭 …
810 css  google-chrome 

28
div에서 요소를 세로로 정렬하는 방법은 무엇입니까?
두 개의 이미지와 div가 h1있습니다. 그들 모두는 div 내에서 서로 옆에 수직으로 정렬되어야합니다. 이미지 중 하나를 absolutediv 내에 배치 해야합니다 . 모든 공통 브라우저에서 작동하려면 CSS가 무엇입니까? <div id="header"> <img src=".." ></img> <h1>testing...</h1> <img src="..."></img> </div>


26
hr 요소의 색상 변경
hrCSS를 사용하여 태그 의 색상을 변경하고 싶습니다 . 아래에서 시도한 코드가 작동하지 않는 것 같습니다. hr { color: #123455; }
778 html  css 

30
IMG와 CSS 배경 이미지는 언제 사용합니까?
이 질문에 대한 답변은 지역 사회 노력 입니다. 이 게시물을 개선하려면 기존 답변을 수정하십시오. 현재 새로운 답변이나 상호 작용을받지 않습니다. 어떤 상황 IMG에서 CSS와 달리 HTML 태그 를 사용 하여 이미지를 표시하는 것이 더 적합 background-image합니까? 접근성, 브라우저 지원, 동적 컨텐츠 또는 모든 종류의 기술적 한계 또는 사용성 원칙이 요인에 …

30
flexbox 항목 사이의 거리를 설정하는 더 좋은 방법
내가 사용 인 flexbox 항목 사이의 최소 거리를 설정하는 방법 margin: 0 5px에 .item와 margin: 0 -5px컨테이너에 있습니다. 나를 위해 그것은 해킹처럼 보이지만, 이것을하는 더 좋은 방법을 찾을 수 없습니다. 예 #box { display: flex; width: 100px; margin: 0 -5px; } .item { background: gray; width: 50px; height: 50px; margin: …
777 css  flexbox 


15
왜 px 대신 em입니까?
스타일 시트에서 픽셀 대신 em을 사용하여 크기와 거리를 정의해야한다고 들었습니다. 그래서 질문은 CSS에서 스타일을 정의 할 때 px 대신 em을 사용해야하는 이유는 무엇입니까? 이것을 보여주는 좋은 예가 있습니까?

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