반응형

css 11

부트스트랩 3과 함께 부트스트랩-테마.css를 사용하는 방법?

부트스트랩 3과 함께 부트스트랩-테마.css를 사용하는 방법? http://getbootstrap.com 에서 부트스트랩 3의 완전한 팩을 다운로드한 후, 저는 테마를 위한 별도의 CSS 파일이 있다는 것을 알게 되었습니다.어떻게 활용할 것인가요?설명 좀 해주세요. 했습니다를 했습니다.bootstrap-theme.css기존 부트스트랩 프로젝트에서는 출력에 차이가 없습니다.Bootstrap 3.x를 다운로드하면 bootstrap.css 및 bootstrap-theme.css가 표시됩니다(이러한 파일의 최소 버전은 말할 것도 없습니다). 부트스트랩 bootstrap.css스타일이 완벽하고 사용할 준비가 되어 있습니다. 원한다면요.그것은 아마 조금 평범하지만 준비가 되었고 거기에 있습니다. 원하지 않으면 bo..

programing 2023.09.14

HTML 컨테이너에 여러 클래스를 할당하는 방법?

HTML 컨테이너에 여러 클래스를 할당하는 방법? 하나의 클래스에 여러 개의 클래스를 할당할 수 있습니까?HTML용기? 다음과 같은 경우: 그냥 이렇게 쉼표를 제거하면 됩니다. 기준에서 7.5.2 요소 식별자: ID 및 클래스 속성 속성 정의 id = 이름 [CS] 이 특성은 요소에 이름을 할당합니다.이 이름은 문서에서 고유해야 합니다. class = cdata-list [CS] 이 특성은 클래스 이름 또는 클래스 이름 집합을 요소에 할당합니다.임의의 수의 요소에 동일한 클래스 이름 또는 이름을 할당할 수 있습니다.여러 클래스 이름은 공백 문자로 구분해야 합니다. 네, 그 사이에 띄어쓰기만 하면 됩니다. 물론 CSS 상속으로 할 수 있는 일은 많습니다.여기 더 읽어 볼만한 기사가 있습니다.html 요소에..

programing 2023.09.14

HTML div 태그의 테두리를 설정하는 방법

HTML div 태그의 테두리를 설정하는 방법 HTML의 div 태그 주변에 테두리를 정의하려고 합니다. 일부 브라우저에서는 테두리가 나타나지 않습니다. 여기 제 HTML 코드가 있습니다. HTML div 태그의 테두리는 어떻게 설정합니까?모든 테두리 속성에 대해 명시적으로 설명해 보십시오.예를 들어, border:1px solid black; 테두리 축약 속성을 참조하십시오.다른 비트는 선택 사항이지만 일부 브라우저는 너비나 색상을 예상한 기본값으로 설정하지 않습니다.고객님의 경우는 특별히 명시하지 않는 한 폭이 0일 것입니다.쓸 수 있는 border-width:2px; border-style:solid; border-color:black; 또는 속기로 border: 2px solid black W3C..

programing 2023.09.09

왜 우리가 ttf, eot, woff, svg,...서체로

왜 우리가 ttf, eot, woff, svg,...서체로 CSS3에서font-face, 다음과 같은 폰트 종류가 여러개 포함되어 있습니다.ttf,eot,woff,svg그리고.cff. 왜 우리는 이 모든 종류를 사용해야 합니까? 다른 브라우저에 특별한 기능을 제공하는 경우, 주요 웹 브라우저의 수보다 그 수가 더 많은 이유는 무엇입니까?2019년 답변: WOFF2만 사용하거나 레거시 지원이 필요한 경우 WOFF를 사용합니다.다른 형식 사용 안 함 (svg그리고.eot죽은 형식입니다.ttf그리고.otf전체 시스템 글꼴이며, 웹 용도로 사용해서는 안 됩니다.) 2012년 답변 원본: 간단히 말해서, 글꼴은 매우 오래되었지만 최근에 와서야 IE 이상에서 지원하고 있습니다. eotIE9보다 오래된 인터넷 탐험가..

programing 2023.09.09

CSS의 부모로부터 자식 불투명도를 상속받고 싶지 않습니다.

CSS의 부모로부터 자식 불투명도를 상속받고 싶지 않습니다. CSS의 부모로부터 자식 불투명도를 상속받고 싶지 않습니다. 저는 부모인 div가 하나 있고, 첫번째 div 안에 아이인 다른 div가 있습니다. 부모 div에서 불투명 속성을 설정하고 싶지만 자식 div가 불투명 속성을 상속하지 않았으면 합니다. 내가 어떻게 그럴 수 있을까?불투명도를 사용하는 대신 rgba로 배경색을 설정합니다. 여기서 'a'는 투명도 수준입니다. 그래서 대신에: background-color: rgb(0,0,255); opacity: 0.5; 사용하다 background-color: rgba(0,0,255,0.5); 불투명도는 실제로 CSS에서 상속되지 않습니다.이것은 렌더링 후 그룹 전환입니다. 약에▁in.불투명도 설정을..

programing 2023.08.30

마지막 프레임에서 CSS3 애니메이션 중지

마지막 프레임에서 CSS3 애니메이션 중지 나는 클릭으로 4개의 CSS3 애니메이션을 재생하고 있지만 애니메이션의 마지막 부분은 화면에서 제거하기 위한 것입니다. 하지만, 그것은 한 번 재생되면 항상 원래 상태로 돌아갑니다.마지막 CSS 프레임(100%)에서 어떻게 멈출 수 있는지, 아니면 한번 재생되면 전체 디바를 제거할 수 있는지 아는 사람이 있습니다. @keyframes colorchange { 0% { transform: scale(1.0) rotate(0deg); } 50% { transform: rotate(340deg) translate(-300px,0px) } 100% { transform: scale(0.5) rotate(5deg) translate(1140px,-137px); } } 찾..

programing 2023.08.30

플렉스 용기에 나머지 높이 또는 너비 채우기

플렉스 용기에 나머지 높이 또는 너비 채우기 플렉스 박스에 2개의 디브가 나란히 있습니다.오른손은 항상 같은 폭이어야 하고, 왼손은 남은 공간만 잡았으면 합니다.하지만 제가 특별히 너비를 설정하지 않는 한 그렇지 않을 것입니다. 그래서 현재 화면을 정말로 뭉개버릴 때까지 96%로 설정되어 있습니다. 그러면 오른쪽 점이 필요한 공간을 조금 부족하게 됩니다. 저는 그것을 그대로 둘 수 있다고 생각하지만, 그것은 잘못된 느낌입니다. 마치 다음과 같은 말을 할 수 있는 방법이 있을 것 같습니다. 오른쪽 것은 항상 같습니다; 왼쪽에 있는 당신은 남은 모든 것을 얻습니다. .ar-course-nav { cursor: pointer; padding: 8px 12px 8px 12px; border-radius: 8px..

programing 2023.08.30

부트스트랩 2를 사용하는 일부 위치에서는 글리피콘의 색상을 파란색으로 변경합니다.

부트스트랩 2를 사용하는 일부 위치에서는 글리피콘의 색상을 파란색으로 변경합니다. UI에 부트스트랩 프레임워크를 사용하고 있습니다.글리피콘 색상을 파란색으로 변경하고 싶은데 모든 곳에서 변경할 수는 없습니다.일부 위치에서는 기본 색상을 사용해야 합니다. 저는 이 두 링크를 참조했지만 도움이 되는 것을 찾지 못했습니다. CSS만 사용하여 부트스트랩 아이콘에 색상을 추가할 수 있습니까? 부트스트랩 3의 글리피콘을 흰색으로 변경하려면 어떻게 해야 합니까? 참고:저는 부트스트랩 2.3.2를 사용하고 있습니다.아이콘은 값에서 색상을 채택합니다.color부모의 css 속성. 스타일에 직접 추가할 수 있습니다. 또는 아이콘에 클래스로 추가한 다음 CSS에서 글꼴 색을 설정할 수 있습니다. HTML CSS .blue ..

programing 2023.08.25

A4 용지 크기 페이지에서 HTML 페이지를 만드는 방법은 무엇입니까?

A4 용지 크기 페이지에서 HTML 페이지를 만드는 방법은 무엇입니까? 예를 들어 HTML 페이지를 MS Word의 A4 크기 페이지처럼 동작시키는 것이 가능합니까? 기본적으로 저는 브라우저에서 HTML 페이지를 보여주고 A4 크기 페이지의 내용을 개략적으로 설명하고 싶습니다. 것으로 예를 들어 태그. 또한 HTML 페이지가 인쇄되면 A4 크기의 종이 페이지로 나옵니다.몇 년 전인 2005년 11월에, AlistApart.com 은 HTML과 CSS만을 사용하여 어떻게 책을 출판했는지에 대한 기사를 실었습니다.참조: http://alistapart.com/article/boom 다음은 그 기사의 발췌문입니다. CSS2는 연속 미디어(think scrollbar)와 반대로 페이징 미디어(think shee..

programing 2023.08.10

인쇄 스타일시트를 디버깅하기 위한 제안사항은 무엇입니까?

인쇄 스타일시트를 디버깅하기 위한 제안사항은 무엇입니까? 저는 최근에 한 웹사이트의 인쇄 스타일시트를 작업하고 있었는데, 그것을 조정할 수 있는 효과적인 방법이 막막하다는 것을 깨달았습니다.화면 레이아웃 작업을 위해 다시 로드 주기를 갖는 것도 한 가지 방법입니다. 코드 변경 명령 탭 재장전 그러나 인쇄를 시도할 때는 전체 프로세스가 훨씬 더 어려워집니다. 코드 변경 명령 탭 재장전 인쇄물 인쇄된 이미지를 사팔뜨기 추가 검사를 위해 미리보기에서 PDF 열기 제가 놓친 도구가 있나요?WebKit의 인스펙터에 "페이징된 미디어인 것처럼 가장" 확인란이 있습니까?파이어버그가 할 수 있는 마법이 있나요?Chrome의 검사관에 그것에 대한 옵션이 있습니다. DevTools 검사기(mac: + +, windows:..

programing 2023.07.31
반응형