«css» 태그된 질문

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

7
Gmail 용 HTML 이메일 스타일링
내부 스타일 시트를 사용하는 HTML 이메일을 생성하고 있습니다. <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo> </body> </html> Gmail에서 보면 내부 스타일 시트의 모든 스타일이 무시되는 것 같습니다. Gmail은 인라인 규칙 이외의 모든 스타일을 무시하는 것 같습니다. <h2 style="color: red">Email content here</foo> …
99 html  css  gmail  html-email 
8
Google 크롬 확장 프로그램-CSS로 로컬 이미지를로드 할 수 없습니다.
콘텐츠 스크립트 기능을 사용하여 웹 사이트를 수정하는 간단한 Chrome 확장 프로그램이 있습니다. 더 구체적으로, background-image상기 웹 사이트의. 어떤 이유로 든 확장 프로그램에 포함되어 있어도 로컬 이미지를 사용할 수없는 것 같습니다. body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; } 그게 가장 간단한 CSS입니다 ...하지만 작동하지 않습니다. 브라우저가 이미지를로드하지 않습니다.
5
외부 CSS로 인라인 스타일을 어떻게 재정의 할 수 있습니까?
인라인 스타일을 사용하는 마크 업이 있지만이 마크 업을 변경할 수있는 권한이 없습니다. CSS 만 사용하여 문서에서 인라인 스타일을 재정의하려면 어떻게합니까? jQuery 또는 JavaScript를 사용하고 싶지 않습니다. HTML : <div style="font-size: 18px; color: red;"> Hello World, How Can I Change The Color To Blue? </div> CSS : div { color: blue; …
99 css 
8
CSS FlexBox 레이아웃의 이미지 자동 크기 조정 및 종횡비 유지?
아래와 같이 나타나는 CSS 플렉스 박스 레이아웃을 사용했습니다. 화면이 작아지면 다음과 같이 바뀝니다. 문제는 원본 이미지의 가로 세로 비율을 유지하면서 이미지 크기가 조정되지 않는다는 것입니다. 순수 CSS와 플렉스 박스 레이아웃을 사용하여 화면이 작아지면 이미지 크기를 조정할 수 있습니까? 내 HTML은 다음과 같습니다. <div class="content"> <div class="row"> <div class="cell"> <img src="http://i.imgur.com/OUla6mK.jpg"/> …
99 html  css  flexbox 
29
멋진 글꼴이 아이콘을 표시하지 않습니다
Font Awesome을 사용하고 있으며 HTTP로 CSS를 추가하고 싶지 않습니다. Font Awesome을 다운로드하여 코드에 포함했지만 Font Awesome에 아이콘 대신 테두리가있는 사각형 상자가 표시됩니다. 내 코드는 다음과 같습니다. <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link rel="stylesheet" href="../css/font-awesome.min.css"> </head> <body> <div style="font-size: 44px;"> <i class="fa fa-camera-retro fa-lg"></i> fa-lg <i class="fa fa-camera-retro fa-2x"></i> fa-2x </div> …
99 html  css  font-awesome 
5
전체 페이지 <iframe>
아래에 예제 코드가 있습니다. 이것은 모바일 장치의 브라우저를 제외한 모든 브라우저에서 잘 작동합니다. 오버플로 태그가 문제입니다. 모바일을 제외한 모든 제품에서 작동 : margin: 0; padding: 0; height: 100%; overflow: hidden; 컴퓨터가 아닌 모든 모바일에서 작동 : margin: 0; padding: 0; height: 100%; 두 가지 모두에서 작동하도록하는 가장 좋은 방법은 무엇입니까? …
99 html  css  iframe 
12
jQuery에서 CSS 규칙의 백분율 값 가져 오기
규칙이 다음과 같다고 가정 해 보겠습니다. .largeField { width: 65%; } 픽셀 값이 아니라 어떻게 든 '65 % '를 되 찾는 방법이 있습니까? 감사. 편집 : 불행히도 다른 스타일 시트를 가져 오는 스타일 시트가 있고 결과적으로 cssRules 매개 변수가 null 또는 정의되지 않은 값으로 끝나기 때문에 내 경우에는 DOM 메서드를 …
98 jquery  css 
6
CSS Z- 인덱스 역설 꽃
z-index CSS 속성을 통해 역설적 인 효과를 만들고 싶습니다 . 내 코드에는 아래 이미지와 같이 5 개의 원이 있으며 모두 정의되지 않은 상태로 절대 위치에 z-index있습니다. 따라서 기본적으로 모든 원은 이전 원과 겹칩니다. 지금은 원 5가 원 1과 겹칩니다 (왼쪽 이미지). 내가 달성하고 싶은 역설은 (오른쪽 이미지에서와 같이) 원 2 …
98 css  z-index 
5
CSS 선택기에서 별표 (*)는 무엇을합니까?
이 CSS 코드를 찾아서 실행하여 어떤 일을하는지 확인하고 페이지의 모든 요소를 ​​설명했습니다. 누군가 CSS에서 별표 *가하는 일을 설명 할 수 있습니까? &lt;style&gt; * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted orange } * * * * …
7
webkit 변환 translate3d 후 css z-index가 손실 됨
겹치는 두 개의 절대 위치 div 요소가 있습니다. 둘 다 CSS를 통해 Z- 색인 값을 설정했습니다. 내가 사용하는 translate3d웹킷가 화면에 다시 다음 화면 오프 이러한 요소를 애니메이션으로 변환합니다. 변환 후 요소는 더 이상 설정된 z-index값을 따르지 않습니다 . 웹킷 변환을 수행하면 div 요소의 Z- 색인 / 스택 순서가 어떻게되는지 누구든지 …
98 css  webkit  transform 
1
Bootstrap 3이 box-sizing : border-box로 전환 한 이유는 무엇입니까?
내 Bootstrap 테마를 v2.3.2에서 v3.0.0으로 마이그레이션하고 있는데 한 가지 알아 차린 점은 bootstrap.css의 다음 스타일로 인해 많은 차원이 다르게 계산된다는 것입니다. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 누구든지 Bootstrap이 모든 요소의 상자 크기를 테두리 상자로 전환하는 이유를 설명 할 수 있습니까? 나는 그것이 퍼센트 기반의 …
15
토글 버튼은 어떻게 만듭니 까?
CSS를 사용하여 html로 토글 버튼을 만들고 싶습니다. 나는 당신이 그것을 클릭 할 때 밀린 상태로 유지되고 다시 클릭 할 때보 다 튀어 나오도록하고 싶습니다. CSS를 사용하는 방법이 없다면. jQuery를 사용하여 수행하는 방법이 있습니까?
98 jquery  html  css 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.