cafebook

요소 이름에 CSS 스타일을 적용할 수 있습니까? 저는 현재 CSS 스타일을 적용하고 있는 HTML을 제어할 수 없는 프로젝트를 진행하고 있습니다.그리고 HTML은 요소들을 구분하기에 충분한 id와 클래스 선언이 없다는 점에서 라벨이 잘 붙어 있지 않습니다. 그래서 id나 클래스 속성이 없는 객체에 스타일을 적용할 수 있는 방법을 찾고 있습니다. 폼 항목에 "이름" 또는 "값" 속성이 있는 경우가 있습니다. name="goButton"을 바탕으로 스타일을 적용할 수 있는 방법이 있습니까?"가치"는? 구글 검색을 통해 "이름"이나 "가치"와 같은 광범위한 용어가 웹 페이지에 나타나는 모든 종류의 사례를 찾을 수 있기 때문에 이는 찾아보기 어렵습니다. 제 생각엔 '아니오'라는 대답이...영리한 해킹을 한 사..

HTML 테이블에서 테두리를 완전히 제거하는 방법 저의 목표는 "사진 액자"와 비슷한 HTML 페이지를 만드는 것입니다.즉, 4장의 그림으로 둘러싸인 빈 페이지를 만들고 싶습니다. 이게 내 암호입니다. 그리고 CSS 클래스는 다음과 같습니다. .bTop { width: 960px; height: 111px; background-image: url('../Images/BackTop.jpg'); } .bLeft { width: 212px; height: 280px; background-image: url('../Images/BackLeft.jpg'); } .middle { width: 536px; height: 280px; } .bRight { width: 212px; height: 280px; backgr..

부트스트랩 응답 페이지에서 디브의 중심을 맞추는 방법 아래 레이아웃과 같이 페이지 중앙에 div를 위치시켜 부트스트랩을 이용한 응답 페이지를 만들어야 합니다.부트스트랩 5용 업데이트 flex-box로 보다 단순한 수직 그리드 정렬 @import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.1/css/bootstrap.min.css'); html, body { height: 100% } TEXT 부트스트랩용 솔루션 4 flex-box로 보다 단순한 수직 그리드 정렬 @import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css'); html, bod..

부트스트랩 카드를 카드 기둥에서 높이를 동일하게 만드는 방법은? 저는 부트스트랩 4알파 2를 사용하고 카드를 이용하고 있습니다.구체적으로, 공식 문서에서 가져온 이 예시를 가지고 작업하고 있습니다.어떻게 하면 모든 카드를 같은 높이로 만들 수 있습니까? 지금까지 내가 생각할 수 있는 것은 다음과 같은 CSS 규칙을 설정하는 것뿐입니다. .card { min-height: 200px; } 하지만 그것은 일반적인 경우에는 작동하지 않는 하드 코딩 방식의 솔루션일 뿐입니다.제가 보기에 있는 코드는 문서에 있는 코드와 동일합니다. Card title that wraps to a new line This is a longer card with supporting text below as a natural lead..

본문에서 스크롤 사용 안 함 HTML에서 스크롤을 비활성화하고 싶습니다.body완전히.다음 옵션을 사용해 보았습니다. overflow: hidden;(작동하지 않음, 스크롤을 비활성화하지 않음, 스크롤 바만 숨김) position: fixed;(이것은 작동했지만, 이 특정 애플리케이션에서는 허용되지 않는, 완전히 맨 위로 스크롤되었습니다.) 이 두 가지 옵션에 대한 대안을 찾을 수가 없었는데, 더 있나요?세트height그리고.overflow: html, body {margin: 0; height: 100%; overflow: hidden} http://jsfiddle.net/q99hvawt/이 작업을 수행하려면 위에 2개의 CSS 속성을 추가합니다.요소. body { height: 100%; overfl..

더 큰 글리폰 트위터 부트스트랩 3.0(2.3.x가 아닌)에서 더 큰 글리폰을 만드는 방법. 이 코드를 사용하면 글리폰이 커집니다. 스판만 사용하면서 btn-lg 클래스를 사용하지 않고 어떻게 이 사이즈를 받을 수 있나요? 이것은 작은 글리폰을 제공합니다. 기호에 따라 글리피콘의 글꼴 크기를 지정할 수 있습니다. span.glyphicon-link { font-size: 1.2em; } 다음은 제가 하는 방법입니다. 이를 통해 즉석에서 크기를 변경할 수 있습니다.CSS를 변경하여 모두에게 적용하는 것보다 크기를 변경하는 임시 요구 사항에 가장 적합합니다.그.btn-lg클래스는 부트스트랩 3(링크)에서 다음과 같은 CSS를 가집니다. .btn-lg { padding: 10px 16px; font-size:..

CSS 셀렉터에서 클래스와 ID를 결합하는 방법은? 다음 디바가 있는 경우: Lorem Ipsum... 아이디어를 표현하는 스타일을 정의할 수 있는 방법이 있을까요?id='content'그리고.class='myClass'"? 아니면 그냥 한 길을 가든지 아니면 다른 길을 가든지요? Lorem Ipsum... 아니면 Lorem Ipsum... 스타일시트에서: div#content.myClass 편집: 다음 사항도 도움이 될 수 있습니다. div#content.myClass.aSecondClass.aThirdClass /* Won't work in IE6, but valid */ div.firstClass.secondClass /* ditto */ 예를 들어 다음과 같이 하십시오. div#content.se..

너비가 없는 디브 블록의 중심을 맞춥니다. div block "제품"의 중심을 잡으려고 하면 div width를 미리 몰라서 문제가 생깁니다.해결책이 있는 사람? 업데이트: 문제는 몇 개의 제품을 전시할지 모르겠다는 것입니다. 1개, 2개, 3개의 제품을 가질 수 있습니다. 고정된 번호였다면 부모 디브의 폭을 알 수 있었기 때문에 중앙에 배치할 수 있습니다. 내용이 동적일 때 어떻게 하는지 모르겠습니다. .product_container { text-align: center; height: 150px; } .products { height: 140px; text-align: center; margin: 0 auto; clear: ccc both; } .price { margin: 6px 2px; widt..

CSS 콘텐츠 속성: 텍스트 대신 HTML을 삽입할 수 있습니까? 단지 CSS를 만드는 것이 어떻게든 가능한지 궁금합니다.content속성 문자열 대신 HTML 코드 삽입:before또는:after다음과 같은 요소: .header:before{ content: 'Back'; } 이것은 꽤 편리할 것입니다...자바스크립트를 통해 할 수 있지만 이를 위해 CSS를 사용하면 정말 삶이 더 쉬워질 것입니다 :)안타깝게도, 이것은 불가능합니다.규격에 따라: 생성된 내용은 문서 트리를 변경하지 않습니다.특히 문서 언어 프로세서에 피드백되지 않습니다(예: 재분석). 즉, 문자열 값의 경우 값이 항상 문자 그대로 처리됩니다.사용 중인 문서 언어에 관계없이 마크업으로 해석되지 않습니다. 예를 들어, 다음 HTML과 함께..

CSS 이미지 크기, 채우는 방법, 늘어나지 않는 방법? 이미지가 있는데 특정 너비와 높이(픽셀)를 설정하려고 합니다. 하지만 css를 사용하여 너비와 높이를 설정하면 (width:150px; height:100px), 이미지가 늘어납니다. 보기 흉할 수 있습니다. CSS를 사용하여 이미지를 신장하지 않고 특정 크기로 채우는 방법은 무엇입니까? 충만 및 신장 이미지의 예: 원본 이미지: 확장된 이미지: 채워진 이미지: 위의 채워진 이미지 예제에서는 먼저 이미지 크기가 150x255(애스펙트 비 유지)로 조정된 다음 150x100으로 잘라집니다.css 속성을 사용할 수 있습니다. (" 또는 와 같은 대체된 요소의 내용이 컨테이너에 맞게 크기를 조정하는 방법을 설정합니다.") .cover { object-f..