프로그램 작성 css

6

sass에서 자리 표시 자에 대한 믹스 인을 만들려고합니다. 이것이 제가 만든 믹스 인입니다. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } 이것은 내가 mixin을 포함하는 방법입니다. @include placeholder(font-style:italic; color: white; font-weight:100;); 분명히 이것은 믹스 인으로 전달되는 모든 콜론과 세미콜론 때문에 작동하지 않을 것입니다. 그러나 ... …

122 css sass

14

CSS에서 확인란의 테두리 스타일을 변경하는 방법은 무엇입니까?

체크 박스 (입력) 테두리 스타일은 어떻게 변경하나요? 나는 border:1px solid #1e5180그것을 입었지만 FireFox 3.5에서는 아무 일도 일어나지 않습니다!

122 html css

9

div의 종횡비를 유지하지만 CSS에서 화면 너비와 높이를 채우시겠습니까?

16:9동영상처럼 가로 세로 비율이 고정 된 사이트를 모아 놓았습니다 . 나는 그것을 중앙에 놓고 사용 가능한 너비와 사용 가능한 높이를 채우기 위해 확장하고 싶지만 양쪽에서 더 커지지 않도록합니다. 예를 들면 : 길고 얇은 페이지에는 비례 높이를 유지하면서 전체 너비로 콘텐츠가 늘어납니다. 짧은 폭의 페이지에는 비례하는 너비로 전체 높이로 콘텐츠가 늘어납니다. …

122 html css responsive-design aspect-ratio

6

CSS의 최대 또는 최대 계산

이런 식으로 할 수 있습니까? max-width: calc(max(500px, 100% - 80px)) 또는 max-width: max(500px, calc(100% - 80px))) CSS에서?

122 css

8

width : auto for <input> 필드

초보자 CSS 질문. 요소는 '사용 가능한 공간 채우기'를 의미 한다고 생각 width:auto했습니다 display:block. 그러나 <input>요소의 경우에는 그렇지 않은 것 같습니다. 예를 들면 : <body> <form style='background-color:red'> <input type='text' style='background-color:green;display:block;width:auto'> </form> </body> 두 가지 질문 : width : auto가 정확히 무엇을 의미하는지에 대한 정의가 있습니까? CSS 사양이 모호해 보이지만 관련 섹션을 …

122 css

7

div 내부에 span 요소를 가로로 중앙에 배치하는 방법

나는 주변 div 안에 두 개의 링크 '웹 사이트보기'와 '프로젝트보기'를 중앙에 배치하려고합니다. 누군가 내가이 작업을 수행하기 위해해야 할 일을 지적 할 수 있습니까? JS 피들 : http://jsfiddle.net/F6R9C/ HTML <div> <span> <a href="#" target="_blank">Visit website</a> <a href="#">View project</a> </span> </div> CSS div { background:red;overflow:hidden } span a { background:#222; color:#fff; display:block; …

122 css

5

CSS3 변환이 작동하지 않음

메뉴 항목을 10도 회전하여 변형하려고합니다. 내 CSS는 Firefox에서 작동하지만 Chrome 및 Safari에서 효과를 복제하지 못했습니다. IE가이 CSS3 속성을 지원하지 않는다는 것을 알고 있으므로 문제가되지 않습니다. 다음 CSS를 사용했습니다. li a { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); } 아무도 내가 어디로 잘못 가고 있는지 제안 해 주시겠습니까? 감사.

122 html css

4

Flexbox 열을 왼쪽과 오른쪽으로 정렬하는 방법은 무엇입니까?

일반적인 CSS를 사용하면 두 개의 열 중 하나를 왼쪽과 오른쪽 사이에 약간의 간격을두고 부동 할 수 있습니다. flexbox로 어떻게 할 수 있습니까? http://jsfiddle.net/1sp9jd32/ #container { width: 500px; border: solid 1px #000; display: -webkit-flex; display: -ms-flexbox; display: flex; } #a { width: 20%; border: solid 1px #000; } #b { width: …

122 html css flexbox

11

내 화면에서 나가는 네이티브 텍스트에 반응하여 래핑을 거부합니다. 무엇을해야합니까?

이 라이브 예제 에서 다음 코드를 찾을 수 있습니다. 다음과 같은 반응 네이티브 요소가 있습니다. 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here …

122 css reactjs react-native flexbox

13

CSS3 배경 이미지 전환

CSS 전환을 사용하여 "페이드 인 페이드 아웃"효과를 만들려고합니다. 그러나 나는 이것을 배경 이미지와 함께 작동시킬 수 없습니다 ... CSS : .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } .title …

122 css background background-image css-transitions

4

페이드 인 효과가있는 요소 추가 [jQuery]

var html = "<div id='blah'>Hello stuff here</div>" $("#mycontent").append(html).fadeIn(999); 이것은 작동하지 않는 것 같습니다. 콘텐츠가 추가 될 때 멋진 효과를 원합니다. 참고 : 전체 "mycontent"가 아닌 새로운 "blah"div 만 페이드 인하기를 원합니다.

121 javascript jquery html css

3

SCSS / SASS로 백분율 계산

계산을 통해 scss에서 너비를 백분율로 설정하고 싶지만 오류가 발생합니다 .. "...- width : (4/12) %"뒤에 잘못된 CSS : 예상 표현식 (예 : 1px, 굵게), was ";" 나는 다음과 같은 것을하고 싶다. $my_width: (4/12)%; div{ width: $my_width; } 거기에 % 기호를 어떻게 추가합니까? px와 em과 같은 질문

121 css sass

4

내부에 부유물을 사용하면서 div 높이를 높이는 방법

내부에 플로트가있을 때 div의 높이를 어떻게 늘릴 수 있습니까? 너비 값을 정의하고 오버플로를 숨겨진 작업으로 설정하는 것을 알고 있습니다. 문제는 오버플로가 표시된 div가 필요하다는 것입니다. 어떤 아이디어?

121 css html overflow css-float

7

웹 페이지에서 사용중인 CSS 스타일을 확인하는 방법이 있습니까?

웹 페이지에서 현재 사용중인 CSS 스타일을 알고 싶습니다.

121 css

7

각도 2 ngIf 및 CSS 전환 / 애니메이션

div가 CSS를 사용하여 각도 2에서 오른쪽에서 슬라이드하기를 원합니다. <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> [ngClass] 만 사용하여 클래스를 전환하고 불투명도를 활용하면 잘 작동합니다. 그러나 li은 그 요소가 처음부터 렌더링되는 것을 원하지 않으므로 먼저 ngIf로 "숨기기"하지만 전환이 작동하지 않습니다. .transition{ -webkit-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; …

121 css angular angular-animations

«css» 태그된 질문