프로그램 작성 css

14

Q1. 기본 "삭제"버튼을 누르기 전에 사용자가 삭제 표시 한 각 "항목"의 모양을 변경하고 싶다고 가정합니다. 이 즉각적인 시각적 피드백을 통해 속담 "확실합니까?"대화 상자가 필요하지 않습니다. 사용자는 확인란을 선택하여 삭제해야 할 항목을 나타냅니다. 확인란을 선택하지 않으면 해당 항목이 다시 원래 모양으로 되돌아갑니다. CSS 스타일을 적용하거나 제거하는 가장 좋은 방법은 무엇입니까? Q2. …

309 css angularjs

18

부모 <div>를 자식의 높이로 확장

다음과 비슷한 페이지 구조가 있습니다. <body> <div id="parent"> <div id="childRightCol"> /*Content*/ </div> <div id="childLeftCol"> /*Content*/ </div> </div> </body> 부모가 내가 좋아하는 것 div에 확장 height내부 때 div의 height증가. 편집 : 한 가지 문제는 width하위 컨텐츠 중 하나가 width브라우저 창을 지나 확장되면 현재 CSS가 상위 스크롤 막대를 가로 스크롤 막대에 배치한다는 …

308 html css

12

CSS 너비 / 높이 또는 HTML cols / rows 속성을 사용하여 텍스트 영역의 크기를 조정해야합니까?

포함 된 새 양식을 개발할 때마다 textarea치수를 지정해야 할 때 다음과 같은 딜레마가 발생합니다. CSS를 사용 하거나 textarea의 속성 cols과 rows? 각 방법의 장단점은 무엇입니까? 이러한 속성을 사용하는 의미는 무엇입니까? 보통 어떻게됩니까?

307 html css textarea

30

페이지 바닥까지 바닥 글 플러시, 트위터 부트 스트랩

나는 일반적으로 CSS를 사용하여 바닥 글을 플러시하는 기술에 익숙합니다. 그러나 트위터 부트 스트랩에서 작동하기 위해이 방법을 사용하는 데 문제가 있습니다. 트위터 부트 스트랩이 본질적으로 반응하기 때문입니다. 트위터 부트 스트랩을 사용하여 위 블로그 게시물에 설명 된 접근 방식을 사용하여 바닥 글을 페이지 하단으로 플러시 할 수 없습니다.

306 css twitter-bootstrap footer

30

CSS를 사용하여 텍스트 숨기기

내 HTML에 다음과 같은 태그가 있습니다. <h1>My Website Title Here</h1> CSS를 사용하여 텍스트를 실제 로고로 바꾸고 싶습니다. 태그 크기를 조정하고 CSS를 통해 배경 이미지를 넣음으로써 아무런 문제가없는 로고가 있습니다. 그러나 텍스트를 제거하는 방법을 알 수 없습니다. 나는 기본적으로 텍스트를 화면 밖으로 밀어서 이전에 수행 된 것을 보았습니다. 문제는 내가 본 …

306 css

14

작은 파비콘이 또 다른 HTTP 요청을 요구하는 것은 바보가 아닌가? 파비콘을 스프라이트에 어떻게 넣을 수 있습니까?

현상금이 만료 육일에 . 이 질문에 대한 답변은 +100 평판 현상금을 받을 수 있습니다 . Rounin 은 평판이 좋은 곳에서 답을 찾고 있습니다. 누구나 HTML로 favicon.ico 링크를 설정하는 방법을 알고 있습니다. <link rel="shortcut icon" href="http://hi.org/icon.ico" type="image/x-icon"> 그러나 작은 몇 바이트 아이콘의 경우 또 다른 HTTP 요청 이 필요하다는 것은 바보 …

306 javascript html css performance favicon

14

CSS에서 텍스트와 밑줄 사이의 간격을 늘리는 방법

텍스트를 text-decoration:underline적용 했을 때 CSS를 사용 하면 텍스트와 밑줄 사이의 거리를 늘릴 수 있습니까?

306 css underline

21

div가 스크롤되면 화면 상단에 div 스틱을 어떻게 만들 수 있습니까?

콘텐츠 블록 아래에있는 div를 만들고 싶지만 페이지가 상단 경계에 닿을 정도로 충분히 스크롤되면 고정되어 페이지와 함께 스크롤됩니다.

305 javascript jquery css scroll positioning

11

CSS에서 글꼴 멋진 아이콘 사용

다음과 같은 CSS가 있습니다. #content h2 { background: url(../images/tContent.jpg) no-repeat 0 6px; } Font Awesome 의 아이콘으로 이미지를 바꾸고 싶습니다 . 어쨌든 CSS의 아이콘을 배경 이미지로 사용하지 않습니다. Font Awesome 스타일 시트 / 글꼴이 CSS보다 먼저로드되었다고 가정 할 수 있습니까?

305 css font-awesome

7

CSS가 요소가 가진 자식 수를 감지 할 수 있습니까?

아마 내 자신의 질문에 대답하고 있지만 매우 궁금합니다. CSS는 부모의 개별 자식을 선택할 수 있지만 부모에 일정량의 자식이있는 경우 컨테이너의 자식 스타일을 지정할 수 있다는 것을 알고 있습니다. 예를 들어 container:children(8) { // style the parent this way if there are 8 children } 나는 그것이 이상하게 들린다는 것을 알고있다. …

304 css css-selectors

16

CSS를 사용하면 넘친 여러 줄 블록에“…”를 사용하십시오.

와 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 넘치면 줄 끝에 "..."가 표시됩니다. 그러나 이것은 한 줄에만 표시됩니다. 그러나 여러 줄로 표시하고 싶습니다. 다음과 같이 보일 수 있습니다. +--------------------+ |abcde feg hij dkjd| |dsji jdia js ajid s| |jdis ajid dheu d ...|/*Here it's overflowed, so "..." is shown. */ +--------------------+

303 html ellipsis css

13

CSS 만 사용하여 <a> 위에 마우스를 올리면 div가 표시됩니다.

누군가가 <a>요소 를 가리킬 때 div를 표시하고 싶지만 JavaScript가 아닌 CSS 에서이 작업을 수행하고 싶습니다. 이것이 어떻게 달성 될 수 있는지 아십니까?

302 css

30

div 내에서 가운데와 가운데에 이미지 정렬

나는 div를 따랐다. <div id="over" style="position:absolute; width:100%; height:100%> <img src="img.png"> </div> div의 가운데와 가운데에 위치하도록 이미지를 정렬하는 방법은 무엇입니까?

302 html css

4

CSS3 애니메이션 종료시 최종 상태 유지

opacity: 0;CSS에 설정된 일부 요소에서 애니메이션을 실행하고 있습니다. 애니메이션 클래스는 onClick에 적용되며 키 프레임을 사용하여 불투명도 0를 1(다른 것들 중에서) 로 변경합니다 . 불행히도 애니메이션이 끝나면 요소 opacity: 0는 Firefox 및 Chrome 으로 돌아갑니다 . 저의 자연스러운 생각은 애니메이션 요소가 최종 상태를 유지하면서 원래 속성을 무시한다는 것입니다. 이것이 사실이 아닙니까? …

301 css css-animations

12

부트 스트랩 : 입력을 버튼에 정렬

부트 스트랩에서 버튼과 입력이 잘 정렬되지 않는 이유는 무엇입니까? 나는 다음과 같은 간단한 것을 시도했다. <input type="text"/><button class="btn">button</button> 이 버튼은 5px크롬 / 파이어 폭스의 입력보다 약 합니다.

299 css twitter-bootstrap

«css» 태그된 질문