ittop

자바스크립트로 배경색을 변경하려면 어떻게 해야 합니까? 자바스크립트로 웹페이지의 배경색을 바꾸는 간단한 방법 아는 사람?자바스크립트 속성 수정document.body.style.background. 예를 들어, function changeBackground(color) { document.body.style.background = color; } window.addEventListener("load",function() { changeBackground('red') }); 참고: 페이지 구성 방식에 따라 약간의 차이가 있습니다. 예를 들어 배경색이 다른 DIV 컨테이너를 사용하는 경우 문서 본문 대신 배경색을 수정해야 합니다.이를 위해 AJAX는 필요하지 않습니다. 다만 본문 요소의 배경색 속성을 설정하..

숨겨진 오버플로가 있는 스팬에서 점("...")을 표시하려면 어떻게 해야 합니까? 나의 CSS: #content_right_head span { display:inline-block; width:180px; overflow:hidden !important; } 이제 컨텐츠 내용을 표시합니다. 하지만 저는 컨텐츠 내용처럼 보여드리고 싶습니다. 콘텐츠 뒤에 점을 찍어줘야 돼요.컨텐츠가 데이터베이스에서 동적으로 전송됩니다.이 경우 사용할 수 있습니다.text-overflow: ellipsis;소유물.이렇게 적습니다. span { display: inline-block; width: 180px; white-space: nowrap; overflow: hidden !important; text-overflow: ..

페이지에 공간을 차지하지 않고 요소를 숨기는 방법은? 사용하고 있습니다.visibility:hidden특정 요소를 숨기지만 숨겨진 상태에서 페이지의 공간을 차지합니다. DOM에 전혀 없는 것처럼(실제로 DOM에서 제거하지 않고) 시각적으로 완전히 사라지게 하려면 어떻게 해야 합니까?설정해보기display:none숨어서 설정하다display:block보여주기 위해서.스타일 대신에 스타일을 사용합니다. 토글링display는 원활한 CSS 전환을 허용하지 않습니다.대신 둘 다 전환합니다.visibility그리고.max-height. visibility: hidden; max-height: 0; 사용방법display:none요소를 제거하는 데만 좋은 옵션이지만 화면 판독기의 경우에도 제거됩니다.SEO에 영향을 ..

HTML에서 wrap text를 어떻게 말합니까? 텍스트는 어떻게 다음과 같습니까?aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaA의 폭을 초과하는div(말씀)200px싸여 있다고요? 저는 CSS, jQuery 등 어떤 종류의 솔루션에도 열려있습니다.시도해 보기: div { width: 200px; word-wrap: break-word; } 부트 스트랩 3의 경우 공백이 'nowrap'으로 설정되어 있지 않은지 확인합니다. div { width: 200px; word-break: break-all; white-space: normal; } 소프트 하이픈은 다음과 같이 사용할 수 있습니다. aaaaaaaaaaaaaaa­aaaaaaaaaaaaaaa 다음과 같이 표시됩니다. ..

텍스트 영역 크기 조정을 비활성화하는 방법? 텍스트 영역 가로 크기를 비활성화해야 합니다.텍스트 영역에서 세로 크기 조정을 허용할 때도 있습니다. 연락처 페이지를 만들 때마다 텍스트 영역이 제 디자인을 흉하게 만들고 있습니다. 누가 나에게 그것을 비활성화 할 수 있는 해결책을 줄 수 있습니까?CSS를 사용할 수 있습니다. 모두 사용 안 함 textarea { resize: none; } 수직 크기만 textarea { resize: vertical; } 수평 크기만 textarea { resize: horizontal; } 수직 및 수평을 제한적으로 비활성화합니다. textarea { resize: horizontal; max-width: 400px; min-width: 200px; } 수평 및 수직을 ..

만드는 법항상 풀스크린? 내용이 어떻든 간에. 이것도 가능한가요?이는 항상 제게 도움이 됩니다. some content 이것이 아마도 이 문제에 대한 가장 간단한 해결책일 것입니다.4개의 CSS 속성만 설정하면 됩니다(단, 그 중 하나는 IE를 행복하게 만드는 것입니다).이것이 순수한 CSS를 사용하여 전체 화면 디브를 만드는 나의 솔루션입니다.스크롤 시 지속되는 전체 화면 디브를 표시합니다.그리고 페이지 내용이 화면에 맞는 경우, 페이지에 스크롤 바가 표시되지 않습니다. IE9+, Firefox 13+, Chrome 21+에서 테스트됨 Selectable text This paragraph is located below the overlay, and cannot be selected because of..

요소의 모든 자식에게 스타일을 적용하려면 어떻게 해야 합니까? 나는 에 대한 요소가 있습니다.class='myTestClass'. 이 요소의 모든 아이들에게 CSS 스타일을 적용하려면 어떻게 해야 합니까?저는 오직 아이들에게 스타일을 적용하고 싶습니다.손자들은 아닙니다. 나는 사용할 수 있습니다. .myTestClass > div { margin: 0 20px; } 모두에게 효과가 있는div아이들이지만, 모든 아이들에게 효과적인 해결책이 있으면 좋겠습니다.저는 제가 사용할 수 있다고 생각했습니다.*,그렇지만 .myTestClass > * { margin: 0 20px; } 작동하지 않습니다. 편집 그.myTestClass > *selector는 firefox 26의 규칙을 적용하지 않으며 firebug에..

CSS를 이용하여 입력 버튼 이미지를 변경하는 방법 그래서 이미지로 입력 버튼을 만들 수 있습니다. 하지만 CSS를 사용해서는 같은 동작을 할 수 없습니다.예를 들면 제가 노력해본적이 있어요. 여기서 "myButton"은 CSS 파일에서 다음과 같이 정의됩니다. .myButton { background:url(/images/Btn.PNG) no-repeat; cursor:pointer; width: 200px; height: 100px; border: none; } 그게 전부라면 원래 스타일을 사용할 수도 있지만, 호버에서 버튼 모양을 변경하고 싶습니다(a 사용).myButton:hover급).링크가 좋다는 것을 알고 있습니다. 왜냐하면 저는 링크를 페이지의 다른 부분에 대한 배경 이미지로 로드할 수 있..

html 페이지 인쇄 중 여백 저는 인쇄할 때 별도의 스타일시트를 사용하고 있습니다. 인쇄 마진을 설정하는 스타일시트에 오른쪽과 왼쪽 마진을 설정할 수 있습니까?(서류상 여백)당신은 사용해야 합니다.cm아니면mm인쇄를 위해 지정할 때 단위로 사용합니다.픽셀을 사용하면 브라우저가 화면에 나타나는 것과 유사한 것으로 변환됩니다.사용.cm아니면mm종이에 일관된 크기를 보장할 것입니다. body { margin: 25mm 25mm 25mm 25mm; } 글꼴 크기의 경우pt인쇄 매체의 경우. 본체의 여백을 CSS 스타일로 설정하면 프린터의 인쇄 가능 영역을 정의하는 프린터 드라이버의 여백이나 브라우저에서 제어하는 여백은 조정되지 않습니다(일부 브라우저에서는 인쇄 미리 보기에서 조정 가능할 수 있음).인쇄 가능한..

CSS/HTML: 텍스트를 이탤릭체로 만드는 올바른 방법은 무엇입니까? 텍스트를 이탤릭체로 만드는 올바른 방법은 무엇입니까?저는 다음과 같은 네 가지 접근법을 보았습니다. Italic Text Italic Text Italic Text Italic Text 이것이 "옛날 방식"입니다.는 의미론적 의미가 없으며 텍스트를 이탤릭체로 만드는 제시적 효과만 전달합니다.제가 보기에는 이건 의미가 없는 것이기 때문에 분명히 잘못된 것입니다. 이것은 시맨틱 마크업을 순수하게 표현의 목적으로 사용합니다. 그 일이 .기에를고는이다주를로다주yteoyendtsntsto로lc피해야 하지만 그 의미적 의미를 모르는 사람.강조되어 있기 때문에 모든 이탤릭체 텍스트가 이탤릭체인 것은 아닙니다.때로는 사이드 노트나 귓속말처럼 정반대..