«css» 태그된 질문

다음 코드를 고려하십시오 . HTML : <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS : div { height: 50px; border: 1px solid blue; } 풋하는 가장 쉬운 방법이 있을까요 label과을 input의 중간에 div(수직)?

92 css  html  vertical-alignment 

마우스를 위에 놓을 때 div의 배경색을 변경 하려고합니다 . div {background : white;} div a : hover {background : grey; 폭 : 100 %; 표시 : 블록; 텍스트 장식 : 없음;} div 내부 의 링크 만 배경색을 가져옵니다 . 전체 div가 배경색을 갖도록 하려면 어떻게해야 합니까? 감사합니다 편집 : 전체 …

91 css  colors  background  hover 

현재이 코드를 사용하여 목록을 렌더링하고 있습니다. <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> 그러나이 <div>요소는 일부 브라우저에서 매우 사소한 렌더링 결함을 유발합니다. div 컨테이너없이 ng-repeat를 수행하는 방법이나 동일한 효과를 얻을 수있는 대체 방법이 있는지 알고 싶습니다.

91 javascript  css  html  angularjs 

CSS3 애니메이션의 경우 콜백 함수를 구현하는 방법이 있습니까? Javascript 애니메이션의 경우 가능하지만 css3에서 수행하는 방법을 찾지 못했습니다. 내가 볼 수있는 한 가지 방법은 애니메이션 지속 시간 후에 콜백을 실행하는 것이지만 애니메이션이 끝난 직후에 항상 호출되는 것을 보장하지는 않습니다. 브라우저 UI 대기열에 따라 다릅니다. 더 강력한 방법을 원합니다. 단서가 있습니까?

91 javascript  css  frontend 

다음날 웹 앱의 프로토 타입을 고객 중 한 명에게 보여줘야합니다. 문제는 제가 CSS를 잘하지 못하고 무엇보다도 제가 얻은 결과에 거의 만족하지 않는다는 것입니다. 비즈니스 로직을 코딩하는 것은 어렵지 않지만 UI 디자인은 내 시간의 80 % 이상이 걸립니다. 나는 숨 막힐듯한 것이 필요하지 않고 깨끗하고 멋지고 표현 가능한 환경이 필요합니다. 이것은 …

91 css  user-interface 

Webkit의 전환 종료 이벤트는 webkitTransitionEnd, Firefox는 transitionEnd, Opera는 oTransitionEnd입니다. 순수 JS에서 모두를 다루는 좋은 방법은 무엇입니까? 브라우저 스니핑을해야합니까? 또는 각각을 개별적으로 구현 하시겠습니까? 나에게 발생하지 않은 다른 방법? 즉 : //doing browser sniffing var transitionend = (isSafari) ? "webkitTransitionEnd" : (isFirefox) ? "transitionEnd" : (isOpera) ? "oTransitionEnd"; element.addEventListener(transitionend, function(){ //do …

91 javascript  css  css-transitions  dom-events 

이미지 파일을 찾을 수 없을 때 렌더링 된 HTML 페이지에서 클래식 "이미지를 찾을 수 없음" 아이콘 을 숨기는 방법을 알고 있습니까? JavaScript / jQuery / CSS를 사용하는 작업 방법이 있습니까?

91 javascript  jquery  html  css  image 

CSS에서 라디오 버튼의 크기를 제어하는 ​​방법이 있습니까?

91 html  css  radio-button 

스타일이있는 요소가 있습니다. position: relative; transition: all 2s ease 0s; 그런 다음 클릭 후 부드럽게 위치를 변경하고 싶지만 스타일 변경을 추가하면 전환이 발생하지 않고 대신 요소가 즉시 이동합니다. $$('.omre')[0].on('click',function(){ $$(this).style({top:'200px'}); }); 그러나 color예를 들어 속성을 변경하면 부드럽게 변경됩니다. $$('.omre')[0].on('click',function(){ $$(this).style({color:'red'}); }); 그 원인은 무엇일까요? '과도 적'이 아닌 속성이 있습니까? 편집 …

91 javascript  css  transition 

텍스트를 블록 중앙에 수직으로 정렬하는 것을 알고 있으며, 행 높이를 블록의 동일한 높이로 설정합니다. 그러나 중간에 단어가있는 문장이 있다면 그것은 2em. 전체 문장의 행 높이가 포함 블록과 동일한 경우 큰 텍스트는 세로로 정렬되지만 작은 텍스트는 큰 텍스트와 동일한 기준선에 있습니다. 두 크기의 텍스트가 세로로 정렬되도록 설정하면 큰 텍스트가 작은 텍스트보다 …

91 css  text  vertical-alignment  baseline 

아래 메시지가 있습니다 (약간 변경됨). "2011 년 1 월 30 일까지 대회에 참가하면 놀라운 여름 여행을 포함하여 최대 $$$$까지 우승 할 수 있습니다!" 나는 현재 : <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> 텍스트 문자열 형식을 지정하지만 "January 30, 2011"의 색상을 # FF0000으로 변경하고 "summer"를 # 0000A0으로 변경하려고합니다. HTML 또는 인라인 CSS로 …

91 html  css  text  colors  inline 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> 이 버튼을 …

91 css  twitter-bootstrap  bootstrap-4 

Ruby 기반 트랜스 파일러만큼 간단하지 않았기 때문에 libsass를 설정하는 데 어려움을 겪고있었습니다. 누군가가 방법을 설명 할 수 있습니까? libsass를 설치 하시겠습니까? 명령 줄에서 사용 하시겠습니까? 꿀꺽 꿀꺽 꿀꺽 꿀꺽 같은 작업 주자와 함께 사용합니까? 나는 패키지 관리자에 대한 경험이 거의 없으며 태스크 러너에 대해서는 더 적습니다.

91 css  sass  gulp-sass  node-sass  libsass 

이 코드를 동적으로 생성 된 div 요소에 추가하려고합니다. style = "width:330px;float:left;" 동적을 생성하는 코드 div는 var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr + '</label>'; 내 생각은 나중에 스타일을 추가하는 < div class="well"것이지만 어떻게할지 모르겠습니다.

91 javascript  css  innerhtml 

내 웹 사이트에서 reset.css를 사용합니다. 목록 스타일에 정확히 다음을 추가합니다. ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, …

91 html  css  html-lists