«css» 태그된 질문

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


24
다운로드 한 글꼴을 해독하지 못했습니다. OTS 구문 분석 오류 : 잘못된 버전 태그 + 레일 4
자산을 사전 컴파일하고 프로덕션 모드에서 응용 프로그램을 실행하고 있습니다. 색인 페이지를로드 할 때 컴파일 후 크롬 콘솔에 다음과 같은 경고가 표시됩니다. Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0 prospects:1 OTS parsing error: invalid version tag 문제는 사각형을 표시하는 …

6
100 % 너비 테이블 오버플로 div 컨테이너
부모 컨테이너가 넘쳐 흐르는 html 테이블에 문제가 있습니다. .page { width: 280px; border:solid 1px blue; } .my-table { word-wrap: break-word; } .my-table td { border:solid 1px #333; } <div class="page"> <table class="my-table"> <tr> <th>Header Text</th> <th>Col 1</th> <th>Col 2</th> <th>Col 3</th> <th>Col 4</th> <th>Header Text</th> </tr> <tr> <td>An archipelago is …
136 html  css  html-table 

10
반응 형 높이로 div 내부의 이미지를 세로로 정렬
브라우저의 크기를 조정할 때 너비에 따라 높이가 변하는 컨테이너를 설정하는 다음 코드가 있습니다 (제곱 종횡비 유지). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid black; } .dummy { padding-top: 100%; /* forces 1:1 aspect ratio */ } …

8
<button> 요소에 이미지 포함
&lt;button&gt;HTML 의 요소에 png 이미지를 표시하려고합니다 . 버튼은 이미지와 크기가 같으며 이미지가 표시되지만 어떤 이유로 중앙에 표시되지 않으므로 모든 것을 볼 수 없습니다. 다시 말해, 이미지의 오른쪽 상단 모서리는 버튼의 오른쪽 상단이 아니라 버튼 중앙에있는 것처럼 보입니다. 이것은 HTML 코드입니다. &lt;button id="close" class="closing" onClick="javascript:close_clip()"&gt;&lt;img src="icons/close.png" /&gt;&lt;/button&gt; 업데이트 : 실제로 발생하는 …
135 html  css  image  button 

9
href가없는 링크의 포인터로 커서 스타일을 설정하는 방법
자바 스크립트 호출을 위한 속성이 &lt;a&gt;없는 많은 HTML 태그 가 있습니다. 이 링크에는 포인터 스타일의 커서가 없습니다. 텍스트 스타일 커서가 있습니다.hrefonclick href속성 을 사용하지 않고 커서 스타일을 링크 포인터로 설정하려면 어떻게 해야합니까? href = "#"을 추가 할 수 있다는 것을 알고 있습니다. 나는 이것을 HTML 문서의 많은 곳에서 가지고 있으며 …

4
CSS에서 자녀가 부모의 곡선 테두리를 준수하도록 강제
다른 div 안에 div가 있습니다. #outer그리고 #inner. #outer곡선 테두리와 흰색 배경이 있습니다. #inner곡선 테두리와 녹색 배경이 없습니다. #inner의 곡선 경계를 넘어 확장됩니다 #outer. 어쨌든 이것을 막을 수 있습니까? #outer { display: block; float: right; margin: 0; width: 200px; background-color: white; overflow: hidden; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; …
135 css 

2
CSS로 두 번째 마지막 요소를 선택하십시오.
나는 이미 마지막 자식을 알고 있습니다. 그러나 div를 선택할 수있는 방법이 있습니까? &lt;div id="container"&gt; &lt;div&gt;a&lt;/div&gt; &lt;div&gt;b&lt;/div&gt; &lt;div&gt;SELECT THIS&lt;/div&gt; &lt;!-- THIS --&gt; &lt;div&gt;c&lt;/div&gt; &lt;/div&gt; 참고 : jQuery가 없으며 CSS 만 사용
135 html  css  css-selectors 

11
CSS에서 CSS로 각도 cli
설명서를 읽었으며 사용 scss하려면 다음 명령을 실행해야합니다. ng set defaults.styleExt scss 그러나 그렇게하고 파일을 만들 때 여전히 콘솔 에서이 오류가 발생합니다. styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

5
100 % 너비의 트위터 부트 스트랩 3 템플릿
부트 스트랩 초보자이며 부트 스트랩으로 코딩하려는 100 % 너비의 템플릿이 있습니다. 첫 번째 열은 왼쪽 모서리에서 시작하며 가장 오른쪽으로 뻗어있는 Google지도가 있습니다. container-fluid수업 에서이 작업을 수행 할 수 있다고 생각 했지만 더 이상 사용할 수없는 것 같습니다. : 나는 어떻게 themeforest에서, 당신은 레이아웃을보고 싶다면 여기 링크 I는 기하 PSD 템플릿을 …

4
링크 호버에 페이드 효과?
http://www.clearleft.com 과 같은 많은 사이트 에서 링크를 가리키면 기본 동작 인 즉시 전환하는 것과 달리 다른 색상으로 페이드 인됩니다. JavaScript를 사용 하여이 효과를내는 것으로 가정합니다. 아는 사람이 있습니까?
134 css  hover  fade  effect 


10
iOS Safari에서 IFrame을 반응 적으로 만드는 방법은 무엇입니까?
문제는 웹 사이트에 콘텐츠를 삽입하기 위해 IFrame을 사용해야 할 때 최신 웹 세계에서 IFrame도 반응 할 것입니다. 이론적으로는 간단하고 간단하게 사용 &lt;iframe width="100%"&gt;&lt;/iframe&gt;하거나 CSS 너비를 설정 iframe { width: 100%; }하지만 실제로는 그렇게 간단하지는 않지만 가능합니다. iframe컨텐츠가 완전히 반응하고 내부 스크롤 막대없이 자체 크기를 조정할 수 있다면 iOS Safari는 iframe실제 …
134 html  css  iframe 

4
절대 위치 및 오버플로 숨김
우리는 두 개의 DIV를 가지고 있는데, 하나는 다른 하나에 내장되어 있습니다. 외부 DIV가 절대 위치에 있지 않으면 절대 위치 인 내부 DIV가 외부 DIV에 숨겨진 오버 플로우 ( 예 :)를 따르지 않습니다 . 외부 DIV를 절대 위치로 설정하지 않고 내부 DIV가 외부 DIV에 숨겨져있는 오버플로에 영향을 줄 수있는 기회가 있습니까? …

12
Amazon S3 CORS (Cross-Origin Resource Sharing) 및 Firefox 도메인 간 글꼴로드
Firefox가 현재 웹 페이지와 다른 출처에서 글꼴을로드하지 않는 문제가 오랫동안있었습니다. 일반적으로이 문제는 글꼴이 CDN에서 제공 될 때 발생합니다. 다른 질문에서 다양한 솔루션이 제기되었습니다. CSS @ font-face는 Firefox에서는 작동하지 않지만 Chrome 및 IE에서는 작동합니다. Amazon S3 CORS가 도입되면서 CORS를 사용하여 Firefox의 글꼴로드 문제를 해결하는 솔루션이 있습니까? 편집 : S3 CORS 구성의 …

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