«css» 태그된 질문

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

15
입력 텍스트 요소에서 테두리 강조 표시를 제거하는 방법
HTML 요소가 '초점'(현재 선택 / 탭)되면 많은 브라우저 (적어도 Safari 및 Chrome)는 그 주위에 파란색 테두리를 표시합니다. 내가 작업하고있는 레이아웃의 경우 혼란스럽고 올바르게 보이지 않습니다. <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefox는 이것을하지 않는 것 같습니다. border: x; 누군가 IE의 성능을 말해 줄 수 있다면 궁금 할 것입니다. Safari에서이 …
610 css  input  safari  webkit  border 
25
요소에 JavaScript의 클래스가 포함되어 있는지 확인 하시겠습니까?
jQuery가 아닌 일반 JavaScript를 사용하여 요소 에 클래스 가 포함되어 있는지 확인하는 방법이 있습니까? 현재, 나는 이것을하고있다 : var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = "I …
585 javascript  html  css  dom 
21
CSS 강제 이미지 크기 조정 및 가로 세로 비율 유지
이미지로 작업 중이며 가로 세로 비율 관련 문제가 발생했습니다. <img src="big_image.jpg" width="900" height="600" alt="" /> 당신이 볼 수있는 것처럼 height하고 width이미 지정되어 있습니다. 이미지에 CSS 규칙을 추가했습니다. img { max-width:500px; } 그러나 위해 big_image.jpg, 나는 수신 width=500및 height=600. 가로 세로 비율을 유지하면서 이미지 크기를 조정하는 방법
577 css  image  aspect-ratio 
30
배경 아래에 나타나는 부트 스트랩 모달
Bootstrap 예제에서 직접 모달 코드를 사용했으며 bootstrap.js 만 포함하고 bootstrap-modal.js는 포함하지 않았습니다. 그러나 내 모달이 회색 페이드 (배경) 아래에 나타나고 편집 할 수 없습니다. 그 모습은 다음과 같습니다. 이 문제를 재현 하는 한 가지 방법 은 이 바이올린 을 참조하십시오 . 해당 코드의 기본 구조는 다음과 같습니다. <body> <p>Lorem ipsum …
23
Twitter Bootstrap을 사용하여 중앙 집중식 컨텐츠를 얻는 방법은 무엇입니까?
매우 기본적인 예를 따르려고합니다. 시작 페이지와 그리드 시스템을 사용하여 다음을 기대했습니다. <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> 코드 스 니펫 실행결과 숨기기스 니펫 확장 ... 중심 텍스트를 생성합니다. 그러나 여전히 맨 왼쪽에 나타납니다. 내가 무엇을 잘못하고 있지?
27
div에 툴팁 추가
다음과 같은 div 태그가 있습니다. <div> <label>Name</label> <input type="text"/> </div> :hoverdiv 에 툴팁을 표시하는 방법 , 바람직하게는 페이드 인 / 아웃 효과가있는 방법.
567 javascript  html  css  tooltip 
21
HTML 테이블에서 자동 줄 바꿈
s와 s로 word-wrap: break-word텍스트를 감싸는 데 사용 했습니다 . 그러나 테이블 셀에서는 작동하지 않는 것 같습니다. 하나의 행과 두 개의 열로 테이블을 설정했습니다 . 위의 스타일로되어 있지만 열의 텍스트는 줄 바꿈되지 않습니다. 텍스트가 셀 경계를 넘어갑니다. 이것은 Firefox, Chrome 및 Internet Explorer에서 발생합니다.divspanwidth:100%word-wrap 소스는 다음과 같습니다. td { border: 1px …
566 html  css  html-table 
8
Normalize.css와 Reset CSS의 차이점은 무엇입니까?
CSS 재설정이 무엇인지 알고 있지만 최근에 Normalize.css라는 새로운 내용에 대해 들었습니다. Normalize.css 와 Reset CSS 의 차이점은 무엇입니까 ? CSS 정규화와 CSS 재설정의 차이점은 무엇입니까? CSS 재설정에 대한 새로운 유행어입니까?
565 css  normalize-css 
18
각도 : * ngClass가있는 조건부 클래스
Angular 코드에 어떤 문제가 있습니까? 나는 얻고있다: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>
3
브라우저가 CSS 선택기와 오른쪽에서 왼쪽으로 일치하는 이유는 무엇입니까?
CSS 선택기는 오른쪽에서 왼쪽으로 브라우저 엔진과 일치합니다. 그래서 그들은 먼저 아이들을 찾은 다음 부모가 규칙의 나머지 부분과 일치하는지 확인합니다. 왜 이런거야? 스펙이 말했기 때문입니까? 왼쪽에서 오른쪽으로 평가 된 경우 최종 레이아웃에 영향을 줍니까? 나에게 가장 간단한 방법은 요소 수가 가장 적은 선택기를 사용하는 것입니다. 따라서 ID는 먼저 1 요소 만 …
21
나머지 너비를 채우기 위해 div를 확장하십시오.
각 열마다 가변 너비를 가질 수있는 2 열 div 레이아웃을 원합니다. div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> 코드 스 니펫 실행결과 숨기기스 니펫 확장 'view'div가'tree'div가 필요한 공간을 채운 후 사용 가능한 전체 너비로 확장되기를 원합니다. 현재 내 '보기'div가 포함 된 내용으로 크기가 조정됩니다. …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.