starcafe

HTML: 유효한 ID 속성 값입니까? 「」를 idHTML 요 html 、 에 html 、 html html 、 html html html html?HTML 4 의 경우는, 기술적으로 다음과 같습니다. ID 및 NAME 토큰은 문자([A-Za-z])로 시작해야 하며 문자, 숫자([0-9]), 하이픈("-), 밑줄("_), 콜론(":") 및 마침표("")로 시작할 수 있습니다. HTML 5는 보다 관대하며, ID는 적어도1개의 문자를 포함해야 하며 공백 문자를 포함할 수 없습니다. XHTML 에서는 id Atribut은 대소문자를 구분합니다. 단순히 실용적인 문제이기 때문에 특정 문자를 피하는 것이 좋습니다.마침표, 콜론 및 '#'은 CSS 셀렉터에서 특별한 의미를 가지므로 CSS의 백슬래시 또는 jQue..

다른 div 내부의 div를 수직으로 중심 맞춤 이 질문에는 이미 답변이 있습니다. CSS를 사용하여 부모 요소 내부의 를 수직으로 중앙에 배치하려면 어떻게 해야 합니까? (17개의 답변) 닫힘3년 전. 이 투고는 1년 전에 편집되어 리뷰용으로 제출되었지만, 투고를 다시 열지 못했습니다. 원래 종료 이유가 해결되지 않았습니다. 나는 다른 div 안에 있는 div를 가운데에 두고 싶다. 이것이 제가 현재 사용하고 있는 CSS입니다. #outerDiv { width: 500px; height: 500px; position: relative; } #innerDiv { width: 284px; height: 290px; position: absolute; top: 50%; left: 50%; margin-top..

정적 HTML 페이지에 favicon 추가 서버가 다운되었을 때 표시되는 순수 HTML의 정적 페이지가 몇 개 있습니다.제가 만든 favicon(16x16px로 HTML 파일과 같은 디렉토리에 있습니다.favicon.ico라고 부릅니다)을 탭 아이콘과 동일하게 하려면 어떻게 해야 하나요?Wikipedia를 읽고 몇 가지 튜토리얼을 검토하여 다음 사항을 구현했습니다. 하지만 여전히 작동하길 원하지 않습니다.저는 크롬을 사용하여 사이트를 테스트하고 있습니다.위키피디아에 따르면 .ico는 모든 브라우저 유형에서 실행되는 최고의 사진 형식입니다. 갱신하다 코드가 확인되고 있는 것은, 서버가 사이트에 서비스를 개시한 후에만 정상적으로 동작하는 것을 알 수 있습니다만, 로컬로 동작시킬 수 없었습니다.서버에 푸시하여..

CSS를 사용하여 요소 배경의 불투명도를 낮추려면 어떻게 해야 합니까? 하여 CSS를 수 ?background반투명하지만 요소의 내용(텍스트 및 이미지)은 불투명합니까? 텍스트와 배경을 두 가지 요소로 구분하지 않고 이를 달성하고 싶습니다. 시도할 때: p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; filter: alpha(opacity=100); opacity: 1; } Hello world 을 받는 것 때문에 요소는 부모의 불투명성에 영향을 받습니다.opacity:1입니다.opacity:0.6버이어반투과 PNG 또는 SVG 이미지를 사용하거나 CS..

사용자가 DIV 바깥쪽을 클릭할 때 jQuery를 사용하여 DIV 숨기기 이 코드를 사용하고 있습니다. $('body').click(function() { $('.form_wrapper').hide(); }); $('.form_wrapper').click(function(event){ event.stopPropagation(); }); 그리고 다음 HTML: I Agree Disagree 는 제가 안에 입니다.div클릭했을 때 더 이상 작동하지 않는 경우.같은 문제를 안고, 이 쉬운 해결책을 생각해 냈습니다.재귀적으로도 기능하고 있습니다. $(document).mouseup(function(e) { var container = $("YOUR CONTAINER SELECTOR"); // if the tar..

플렉스 아이템을 오른쪽 정렬하는 방법 '연락처'를 오른쪽 정렬하는 플렉스박스 같은 방법이position: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } With title Home Some title centered Contact Without title Home Contact http://jsfiddle.net/vqDK9/좀 더 유연한 접근법은 다음과 같습니다.auto왼쪽 여백(플렉스 항목에서는 자동 여백이 블록 형식 컨텍스트에서 사용되는 경우와 약간 ..

한 요소가 대기 중일 때 다른 요소에 영향을 미치는 방법 것은 한 것이 있을 때divdiv. 예를 들어, 이 JSFiddle 데모에서 마우스를 위로 가져가면#cube 명령어를 사용하면, 「 」가 .background-color 건 가 위에 때#container,#cube향을받받 받받받다다 div { outline: 1px solid red; } #container { width: 200px; height: 30px; } #cube { width: 30px; height: 100%; background-color: red; } #cube:hover { width: 30px; height: 100%; background-color: blue; } 큐브가 용기 바로 내부에 있는 경우: #container:ho..