'CSS' 태그의 글 목록 (4 Page)

내 코드에 영향을주지 않는 CSS 선택자

질문 나는 930px의 최소 width에 대한 미디어 쿼리를 만들고 있습니다. 내 문제는 내가 처음이기 때문에 이것 또는 저것의 문제점을 파악하고 다른 장소에서 여백 패딩 등을 변경하려고 노력하고 있다는 것입니다. 결국, 문제가 무엇인지 알아 냈지만 문제가 아니었기 때문에 .top 선택자가 비어 있다고 가정 해 봅시다. 하지만 이제 CSS가 작동하는 방식을 변경하기 때문에 해당 선택자를 삭제할 수 없습니다. @media (min-width: 930px) { .hero-bg { text-align: left; } .top p { margin: 0 0em 2em; } .bottom .top{ } .form-container{ margin: 2em 0 0; padding: 0 em; border-radius:..

카테고리 없음 2020. 8. 8. 13:01

어떤 이유로 내 모든 탭이 하나로 간주됩니다. 어떻게 분리 할 수 있습니까?

질문 그래서 id는 Home-Popular에 대해 각각 개별적으로 선택할 수 있습니다. 감사 할만한 설명을 남길 수 있다면 왜 그렇게하는지 잘 모르겠습니다. 향후 코드를 최적화하기위한 팁과 함께 도움을 주시면 감사하겠습니다. 감사합니다. CULT Home Men Women New Arrivals Popular home Welcome Home Men yang Women ying New new shit The Orbit most popular 'css 문서' [data-tab-content] { display: none; } .active[data-tab-content] { display: block; } body { padding:0; margin:0; } .tabs{ display: flex; justi..

카테고리 없음 2020. 8. 8. 12:44

CSS에서 두 객체의 겹침을 피하는 방법은 무엇입니까?

질문 튜토리얼 https://www.youtube.com/watch?v=l6nmysZKHFU누구든지8:10에CSS로저를도울수있습니까?그는나중에생성하는객체가겹치지않도록메인태그를생성해야한다고말합니다.나는그것을하는더좋은방법이있다는것을알고싶습니다.다른요소가도구모음에서겹치지않도록도구모음CSS에서약간의조정을할수있습니까? 답변1 고정 위치 대신 top : 0; 과 함께 position : sticky; 를 사용할 수 있습니다. 그러면 겹침을 피하기 위해 다른 요소를 추가 할 필요가 없습니다. 고정 위치 이것은 기본적으로 상대 위치와 고정 위치 사이의 하이브리드로, 위치 지정 요소가 특정 임계점 (예 : 뷰포트 상단에서 10px)까지 스크롤 될 때까지 상대적으로 위치 된 것처럼 작동 한 후 고정됩니다. 출처 : htt..

카테고리 없음 2020. 8. 8. 12:27

HTML 테이블에서 세로로 스크롤 할 수있는 td가 Firefox에서 작동하지 않습니다.

질문 Chrome에서 예상대로 작동하지만 Firefox에서는 작동하지 않는 바이올린이 있습니다. 테이블에 두 가지 요소가 있습니다. 왼쪽 요소의 내용은 매우 짧고 다른 요소의 내용은 매우 깁니다. 두 요소가 표에서 같은 크기 인 것처럼 표시되고 더 긴 요소에는 스크롤바가 있어야합니다. https://jsfiddle.net/rju1os7m/1/ 크롬 (양호) : Firefox (나쁨) : HTML : This is a short td This is a really long td with a lot of text that you have to scroll through it's great it's really incredible very cool indeed yes alright everybody thank..

카테고리 없음 2020. 8. 8. 02:58

CSS 형식 입력 (선택됨) 조건부

질문 button을 선택하면 (예 : 텍스트를 녹색으로 변경) 라디오 레이블 텍스트의 색상을 변경할 수 있지만 조건부로 변경하고 싶습니다. 즉. 옵션 1을 선택하면 텍스트를 녹색으로 변경하고 옵션 2를 선택하면 텍스트를 빨간색으로 변경합니다. [JSF 중간] [1] HTML Red when checked Green when checked CSS input[type=radio]:checked + label { color: green; } 답변1 선택했을 때 각 항목이 고유 한 색상을 갖도록하려면 더 구체적인 선택기를 사용할 수 있습니다. input[type=radio]:nth-child(1):checked { color: green; } input[type=radio]:nth-child(2):checked..

카테고리 없음 2020. 8. 8. 02:37

내 양식이 작동하지 않습니다. Angular HTML Typescript를 사용하고 있습니다.

질문 그래서, 작동하려면이 양식이 필요합니다. 하지만 각도 응용 프로그램을 실행할 때마다 빈 페이지 만 표시됩니다. 양식이 표시되는 페이지 재미있는 점은 줄을 편집 할 때마다 다음과 같이 남겨 두는 것입니다. , 양식이 나타나지만 등록 button이 작동하지 않습니다. 내 HTML 양식은 다음과 같습니다. Registre-se na MPG! Nome O primeiro nome é obrigatório. Sobrenome O sobrenome é obrigatório. Data de Nascimento A data de nascim..

카테고리 없음 2020. 8. 8. 02:18

텍스트를 기준으로 이미지 위치 지정

질문 3 열 Grid가 있고 모든 크기를 조정할 때 왼쪽 이미지 (파란색 광선)가 항상 텍스트 옆에 머물기를 원합니다. 그러나 크기를 조정할 때 Grid가 늘어나지 만 (다른 열에서는 괜찮음) 이미지가 항상 텍스트 옆에 머물러 있고 표류하지 않기를 원합니다. 조언하십시오. 내 디자인이 어떻게 보이기를 원합니까? 왼쪽 상단에서 광선이 나오는 텍스트 이것은 내 코드입니다 #index-about-top { @include md { display: grid; grid-template-columns: 10% 340px auto; padding-left: 15px; } article { @include md { display: flex; justify-content: center; flex-direction: co..

카테고리 없음 2020. 8. 8. 02:00

열 기반 Grid를 행 기반 Grid로 만들기 [closed]

질문 Closed. This question needs debugging details. It is not currently accepting answers. 이 질문을 개선하고 싶으십니까? Stack Overflow의 주제 가되도록 질문을 업데이트하세요. 지난 달 은 마감되었습니다. Improve this question 이 템플릿을 사용하는 세 개의 열이있는 Grid가 있습니다. grid-template-columns : 70px auto 70px; 색상을 무시하십시오. 대 조용입니다. 내가 원하는 것은 동일한 크기의 @ media-query (max-width : 700px) 에 따라 열 크기가 행으로 조정되도록하는 것입니다. 이것이 일반적인 질문이라면 사과드립니다. 잘못된 키워드를 검색하고있는 것..

카테고리 없음 2020. 8. 8. 01:39

확대 / 축소시 표 이동 방지-CSS

질문 .안녕하세요, 축소하면 마지막 테이블이 다음 행으로 이동합니다. 테이블이 다음 행으로 이동하지 않도록 레이아웃을 수정하는 방법이 있습니까? 이 문제를 해결할 수 있도록 조언이나 해결 방법을 제공해 주시겠습니까?나는 많은 것을 시도했지만 불행히도 해결책을 찾을 수 없습니다. 모든 지원과 의견에 미리 감사드립니다. table { width: 100%; } .first, .second { width: 50px; } .third { text-align: right; } #customers { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; border-collapse: collapse; width: auto; } .bl..

카테고리 없음 2020. 8. 8. 01:23

로드 된 후 실제 고해상도 이미지로 여러 개의 작은 해상도 이미지 소스를 변경하는 방법은 무엇입니까?

질문 저는 저해상도 이미지가 적용된 후 고해상도 이미지를로드 하고 처음로드 된 작은 저해상도 이미지로 설정하는 웹페이지를 작업 중입니다. 이는 작은 블러 처리 된 이미지를 더 빠르게로드 하고 완전히로드 된 후 고해상도 이미지로 흐리지 않은 이미지를 대체 하기위한 것입니다. / strong>. 이 기능을 추가하기 위해 자바스크립트를 시도하고 있지만 멈췄습니다. 특히 나는 이것에 익숙하지 않기 때문에. 이것이 제가 지금까지 쓴 것입니다. 도움을 주시면 감사하겠습니다. 티 (function() { let image = document.images //all low-res blurred images of class "image" let big_image = document.getElementsByClassNam..

카테고리 없음 2020. 8. 8. 01:05

CSS 파일을 Javascript / Node.js의 문자열로 변환

질문 CSS 파일의 스타일로 헤드 script 태그를 만들어야합니다. styles / style.css 를 문자열로 구문 분석하여 documentStyles 변수를 채우려면 어떻게해야합니까? 이것은 Node.js 함수에서 발생합니다. style.css p { text-align: center; } index.js const documentStyles = // SOMETHING TO STRINGIFY style.css const document = ` DOCTYPE html> ${documentStyles} Here's the test ` 답변1 NodeJS fs.readFileSync . const fs = require('fs'); try { const documentStyles = fs.readFil..

카테고리 없음 2020. 8. 8. 00:47

마우스 오버시 이미지를 바꿀 수 없습니다.

질문 이것은 나에게 결코 일어나지 않았고, 호버링이 발생하는 이유를 알 수는 없지만 뒷면 이미지는 변경되지 않습니다. .settings{ width: 2.0vw; height: 2.0vw; margin-top: calc((8vh - 2vw)/2); margin-left: 1.5vw; float: left; background-position: center; background-size: contain; } .settings:hover{ background-image: url("assets/settingsH.svg"); } 이미지가 있음을 증명하기 위해 assets / settingsH.svg 를 html 에 설정하면 마우스 오버 이미지가 표시됩니다. 호버링시 크기를 변경하면 작동 (호버링 발생)도 작동하..

카테고리 없음 2020. 8. 8. 00:29

잡동사니

CSS → (73)건