«css» 태그된 질문

strong { color: red }Javascript를 사용하여 CSS 규칙을 어떻게 추가 합니까?

154 javascript  css 

다음과 같이 보이려면 두 개의 div가 필요합니다. | | ---| LOGO |------------------------ | |_______________| LINKS | | CONTENT | 깔끔하고 겹치는 가장 생생하고 우아한 방법은 무엇입니까? 로고의 높이와 너비는 고정되어 있으며 페이지 상단 가장자리에 닿습니다.

154 css  html  overlap 

<input type=file />텍스트 필드가없는 "찾아보기"버튼 만 보이도록 요소 를 스타일 지정 (또는 스크립트)하는 방법이 있습니까? 감사 편집 : 왜 이것이 필요한지 명확히하기 위해. http://www.morningz.com/?p=5의 다중 파일 업로드 코드를 사용 하고 있으며 값이 없으므로 입력 텍스트 필드가 필요하지 않습니다. 스크립트는 새로 선택된 파일을 페이지의 컬렉션에 추가합니다. 가능하다면 텍스트 필드가 없으면 훨씬 …

154 javascript  html  css 

목록의 긴 줄이 줄 바꿈되면 정렬되지 않은 목록에서 들여 쓰기를 제거 할 수 없습니다. 내 목록은 다음과 같습니다. Windows 사용자는 퍼티를 사용할 수 있습니다 Mac 사용자는 Terminal.app를 사용할 수 있습니다 Linux 사용자는 SSH userid@ourserver.com 포트 22를 사용할 수 있습니다 ...........> 또는 Cyberduck과 같은 SFTP 프로그램을 사용하여 바로 가리 킵니다 ................... …

154 html  css  html-lists 

ASP.NET을 사용하고 있는데 일부 버튼은 리디렉션 만 수행합니다. 차라리 일반 링크 였지만 사용자가 모양에 큰 차이를 느끼지 않기를 바랍니다. 태그로 앵커로 둘러싸인 이미지를 고려했지만 버튼의 텍스트를 변경할 때마다 이미지 편집기를 실행하고 싶지는 않습니다.

154 css  button 

<div>와 컨테이너 가 display: flex있습니다. 아이가 <a>있습니다. 아이를 "인라인"으로 보이게하려면 어떻게해야합니까? 구체적으로, 자녀의 너비를 내용에 따라 결정하고 부모의 너비로 확장하지 않으려면 어떻게해야합니까? 내가 시도한 것 : 아이를로 설정 display: inline-flex했지만 여전히 전체 너비를 차지했습니다. 다른 모든 디스플레이 속성도 시도했지만 아무런 효과가 없었습니다. 예: .container { background: red; height: 200px; flex-direction: …

154 html  css  flexbox 

Google PageSpeed ​​통계를 사용하여 내 사이트의 성능을 개선하려고 노력해 왔으며 지금까지는 매우 성공적이었습니다. .ready()페이지를 완전히로드 할 때까지 스크립트를 연기하기 위해 사내 jQuery 버전이 이미 있기 때문에 스크립트 연기와 같은 것들이 아름답게 작동했습니다. 필자는 그 특정 기능을 인라인하고 전체 스크립트를 페이지의 끝으로 옮기는 것뿐입니다. 잘 작동했습니다. 그러나 이제 나는 체크리스트에서 남은 …

153 css  pagespeed 

HTML을 사용하여 텍스트를 굵게 표시하려고하지만 작동하도록 고심하고 있습니다. 내가 시도하는 것은 다음과 같습니다. Some <bold>text</bold> that I want emboldened. 누군가 내가 뭘 잘못하고 있는지 말해 줄 수 있습니까?

153 css  html 

입력 필드의 자리 표시 자 정렬을 html 양식으로 중앙에 배치하려면 어떻게해야합니까? 다음 코드를 사용하고 있지만 작동하지 않습니다. CSS-> input.placeholder { text-align: center; } .emailField { top:413px; right:290px; width: 355px; height: 30px; position: absolute; border: none; font-size: 17; text-align: center; } HTML-> <form action="" method="POST"> <input type="text" class="emailField" placeholder="support@socialpic.org" style="text-align: center" …

153 html  css 

어느 쪽이 더 나을까? .hide()작성하는 것보다 빠르지 만 .css("display", "none")차이점은 무엇이며 둘 다 실제로 HTML 요소에 대해 무엇을합니까?

153 javascript  jquery  html  css  show-hide 

display:block;width:auto;텍스트 입력에서 div처럼 동작하지 않고 컨테이너 너비를 채우는 이유는 무엇 입니까? 나는 div가 단순히 자동 너비를 가진 블록 요소라는 인상을 받았습니다. 다음 코드에서 div와 입력의 치수가 동일하지 않아야합니까? 너비를 채우려면 입력을 어떻게 얻습니까? 입력에 패딩과 테두리가 있기 때문에 100 % 너비가 작동하지 않습니다 (최종 너비 1 픽셀 + 5 픽셀 …

153 html  css 

플래시 또는 PHP를 사용하지 않고 간단한 HTML 레이아웃에 사용자 정의 글꼴을 추가하라는 요청을 받았습니다. "KG June Bug" 로컬로 다운로드했습니다. 이것을 달성하는 간단한 CSS 트릭이 있습니까?

153 html  css  fonts  webfonts 

CSS에서 어떻게 이런 식으로 할 수 있습니까? width: 100% - 100px; 나는 이것이 매우 간단하다고 생각하지만 그것을 보여주는 예제를 찾기는 약간 어렵습니다.

153 html  css 

Firefox를 사용하면을 누르기 만하면 전체 웹 페이지를 확대 할 수 있습니다 CTRL +. 이것이하는 일은 전체 웹 페이지 (글꼴, 이미지 등)를 비례 적으로 확대하는 것입니다. 간단한 CSS를 사용하여 동일한 기능을 어떻게 복제 할 수 있습니까? 다음과 같은 page-size: 150%것이 있습니까? (전체 페이지 부분을 x % 증가시킬까요?)

153 html  css  resize 

TL; DR :table-layout: fixed CSS 그리드 와 같은 것이 있습니까? 나는 몇 달 동안 큰 4x3 격자가있는 연도 달력을 만들려고 시도했으며 그 안에는 7x6 격자가 중첩되었습니다. 달력은 페이지를 채워야하므로 연도 그리드 컨테이너의 너비와 높이가 각각 100 %가됩니다. .year-grid { width: 100%; height: 100%; display: grid; grid-template: repeat(3, 1fr) / repeat(4, …

153 css  grid-layout  css-grid