«css» 태그된 질문

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

4
Less 컴파일러를 사용하여 16 진수 색상을 rgba로 어떻게 변환합니까?
다음 코드가 있습니다. @color : #d14836; .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)), color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent), to(transparent)); 나는 변환 할 필요 …
131 css  less 

7
단일 목록 항목 요소와 함께 글 머리 기호에 Font Awesome 아이콘 사용
CMS에서 정렬되지 않은 목록의 글 머리 기호로 Font Awesome ( http://fortawesome.github.com/Font-Awesome/ ) 아이콘 을 사용할 수 있기를 원합니다 . CMS의 텍스트 편집기는 원시 HTML 만 출력하므로 추가 요소 / 클래스를 추가 할 수 없습니다. 이는 마크 업이 다음과 같이 표시 될 때 아이콘을 표시한다는 의미입니다. <ul> <li>Item 1</li> <li>Item 2</li> …
131 css  font-awesome 

14
<body>에 적용된 overflow : hidden이 iPhone Safari에서 작동합니까?
iPhone Safari overflow:hidden에서 &lt;body&gt;작동 합니까 ? 그렇지 않은 것 같습니다. 나는 그것을 달성하기 위해 전체 웹 사이트에 래퍼를 만들 수 없습니다 ... 당신은 해결책을 알고 있습니까? 예 : 긴 페이지가 있고 단순히 "폴드"아래에있는 컨텐츠를 숨기고 싶다면 iPhone / iPad에서 작동해야합니다.
131 iphone  css  ipad  safari  overflow 

8
의사 요소 내용 앞에 :: after 또는 ::에 줄 바꿈 추가
페이지의 HTML 또는 PHP에 액세스 할 수 없으며 CSS를 통해서만 편집 할 수 있습니다. 사이트에서 수정을 수행하고 ::after또는 ::before의사 요소 를 통해 텍스트를 추가 했으며 이스케이프 유니 코드가 추가 된 내용 전후의 공백과 같은 항목에 사용해야한다는 것을 알았습니다. content속성에 여러 줄을 어떻게 추가 합니까? 예를 들어 HTML 구분선 요소는 내가 …
131 css 

4
인라인 스타일의 CSS 의사 클래스
На этот вопрос есть ответы на 스택 오버플로 на русском : Как прописать : hover внутри style = ''? 인라인 스타일을 사용하여 의사 클래스를 가질 수 있습니까? 예: &lt;a href="http://www.google.com" style="hover:text-decoration:none;"&gt;Google&lt;/a&gt; 위의 HTML이 작동하지 않지만 비슷한 기능이 있습니까? 추신 : 나는 외부 스타일 시트를 사용해야한다는 것을 알고 있습니다. 이것이 인라인 …

10
i- 프레임을 통한 YouTube 비디오 내장 z- 인덱스를 무시 하시겠습니까?
수평 다단계 드롭 다운 탐색 메뉴를 구현하려고합니다. 메뉴 바로 아래 (수직)에는 iframe을 통해 YouTube 동영상이 포함되어 있습니다. Firefox에서 기본 수준 탐색 항목 중 하나를 가리키면 드롭 다운 메뉴가 비디오 위에 올바르게 나타납니다 . 그러나 Chrome과 IE9에서는 메뉴와 iframe 사이의 작은 공간 영역에서 드롭 다운의 은색 만 보입니다. 나머지 는 iframe …
130 css  iframe  youtube 

7
CSS 스타일 재정의 및 재설정 : 자동 또는 작동하지 않음
모든 테이블에 대해 정의 된 다음 CSS 스타일을 재정의하고 싶습니다. table { font-size: 12px; width: 100%; min-width: 400px; display:inline-table; } 클래스가있는 특정 테이블이 'other'있습니다. 마지막으로 테이블 장식은 다음과 같아야합니다. table.other { font-size: 12px; } 그래서 내가 3 개 속성을 제거 할 필요가 : width, min-width및display none또는 로 재설정하려고 시도했지만 auto도움이되지 …
130 css  width  overriding 

5
마진 : 0 자동으로 중심을 잡을 수없는 이유는 무엇입니까?
나는 #headerdiv가 100% width있고 그 div 내에 순서가없는 목록이 있습니다. margin: 0 auto정렬되지 않은 목록에 적용 했지만 헤더 div의 가운데에 배치하지 않습니다. 아무도 이유를 말해 줄 수 있습니까? 부모 div의 너비를 정의하면 정렬되지 않은 목록이 중심을 맞출 수 있어야한다고 생각했습니다 margin: 0 auto. 내가 무엇을 놓치고 있습니까? 내 코드는 다음과 …
130 html  css  margin 

5
n 번째 자식으로 마지막 n 개의 항목을 선택할 수 있습니까?
표준 목록을 사용하여 마지막 두 목록 항목을 선택하려고합니다. 나는 다양한 순열을 가지고 An+B있지만 마지막 2를 선택하는 것은 없습니다. li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ 나는 새로운 CSS3 …
130 css  css-selectors 

9
입력 내 패딩은 너비 100 %를 끊습니다.
자, 우리는 객체에 패딩을 설정하면 너비가 명시 적으로 설정되어 있어도 너비가 변경된다는 것을 알고 있습니다. 이것에 대한 논리를 논할 수는 있지만, 일부 요소에 문제가 발생합니다. 대부분의 경우 하위 요소를 추가하고 100 %로 설정된 요소 대신 해당 요소에 패딩을 추가하지만 양식 입력의 경우 가능한 단계가 아닙니다. 이것을보십시오 : http://sandman.net/test/formcss.html 두 번째 …
130 css  input  padding 

4
CSS에서 여백 / 패딩 백분율이 항상 너비에 대해 계산되는 이유는 무엇입니까?
CSS box model spec 을 보면 다음을 관찰 할 수 있습니다. [여백] 백분율은 생성 된 상자의 포함 블록 너비 와 관련하여 계산됩니다 . 이것은 '여백 상단'과 '여백 하단'에도 적용됩니다. 포함하는 블록의 너비가이 요소에 의존하는 경우 결과 레이아웃은 CSS 2.1에서 정의되지 않습니다. (강조 광산) 이것은 사실입니다. 그런데 왜 ? 지구상에서 이런 …
130 w3c  css 


14
줄 높이에 영향을 미치는 HTML <sup /> 태그, 어떻게 일관성을 유지합니까?
나는이있는 경우 &lt;sup&gt;여러 줄에 태그 &lt;p&gt;무엇 라인 높이의 태그는 다른 라인보다 그 위에 간격보다 큰 라인을 가지고에 첨자와 라인, 선명하게 촬상을 내가 입고 &lt;p&gt;. 설명 편집 : 나는 &lt;p&gt;각각 한 줄에있는 많은을 가지고 있다는 것을 의미하지는 않습니다 . &lt;p&gt;여러 줄에 줄 바꿈하기에 충분한 내용 의 단일 항목 이 있습니다. 어딘가에 …

7
일반 링크를 사용하여 양식을 제출하십시오.
양식을 제출하고 싶습니다. 그러나 나는 형식을 제출와 입력 버튼을 사용하는 기본적인 방법이지만 않을거야 링크를. 아래 이미지는 이유를 보여줍니다. 양식을 저장 / 제출하기 위해 이미지 링크를 사용하고 있습니다. 이미지 링크에 대한 표준 CSS 마크 업이 있기 때문에 입력 제출 버튼을 사용하고 싶지 않습니다. onClick = "document.formName.submit ()" 을 요소 에 적용하려고했지만 …
130 html  css  forms  hyperlink  submit 

6
Less에서 문자열 연결
나는 이것이 가능하지 않다고 생각하지만, 방법이있을 경우를 대비하여 생각했다. 아이디어는 웹 리소스 폴더 경로에 대한 변수가 있다는 것입니다. @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } 결과적으로 이것을 얻습니다. .px { background-image: url("../img/" "test.css"); } 그러나 문자열을 다음과 같이 하나의 문자열로 결합하고 싶습니다. .px { background-image: url("../img/test.css"); …
129 css  path  web  less  concat 

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