반응형

css 17

면도기 뷰에서 .css 파일을 참조하는 방법은 무엇입니까?

면도기 뷰에서 .css 파일을 참조하는 방법은 무엇입니까? _Layout.cshtml 파일에 .css 파일을 설정하는 방법은 알고 있지만, 스타일시트를 뷰 단위로 적용하는 것은 어떨까요? 제 생각은 _Layout.cshtml에서 당신은 뷰 특정 스타일이 필요한 경우 정의합니다.Styles각 뷰의 섹션: @section Styles { } 편집: @RenderSection의 두 번째 매개 변수 false는 이 마스터 페이지를 사용하는 뷰에서 섹션이 필요하지 않음을 의미하며, 뷰 엔진은 뷰에 정의된 "스타일" 섹션이 없다는 사실을 완벽하게 무시합니다.참인 경우, "스타일" 섹션이 정의되지 않은 경우 보기가 렌더링되지 않고 오류가 발생합니다.다음과 같은 블록을 추가하려고 했습니다. @section styles..

programing 2023.10.30

CSS로 점멸/점멸 문자를 만드는 방법 3

CSS로 점멸/점멸 문자를 만드는 방법 3 현재 제가 가지고 있는 코드는 다음과 같습니다. @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } 눈은 깜빡이지만 "한 방향"으로만 깜박입니다.제 말은, 그게 사라지기만 하고, 그리고 나서 다시 나타나요opacity: 1.0, ..

programing 2023.10.30

css 내용 다음 또는 내용 이전에 의사:"를 회전합니다."

css 내용 다음 또는 내용 이전에 의사:"를 회전합니다." 이 질문에는 이미 다음과 같은 답변이 있습니다. CSS 변환이 인라인 요소에서 작동하지 않음 (2개 답변) 닫힘11개월 전에. 어쨌든 그 사이비를 회전시키는 일을 하기 위해서는 content:"\24B6"? 유니코드 기호를 돌리려고 합니다.인라인 요소는 변환할 수 없으며 의사 요소는 기본적으로 인라인이므로 적용해야 합니다.display: block아니면display: inline-block다음과 같이 변형할 수 있습니다. #whatever:after { content: "\24B6"; display: inline-block; transform: rotate(30deg); } Some text .process-list:after{ content:..

programing 2023.10.30

CSS 인쇄:페이지 간의 절반씩 잘라내는 DIV를 피합니까?

CSS 인쇄:페이지 간의 절반씩 잘라내는 DIV를 피합니까? 저는 대량의 아이템 모음을 가져다가 WebView in Cocoa(웹킷을 렌더러로 사용하므로 기본적으로 이 HTML 파일이 Safari에서 열린다고 가정할 수 있음)의 HTML에 넣는 소프트웨어에 대한 플러그인을 작성하고 있습니다. 그것이 만드는 DIV는 역동적인 높이를 가지고 있지만 크게 달라지지는 않습니다.보통 200px 정도 됩니다.어쨌든 문서 한 장당 약 600개의 항목을 인쇄하는 데 어려움을 겪고 있습니다.운이 따르지 않는 한, 모든 페이지의 맨 아래와 맨 위에 반으로 잘린 항목이 있습니다. 그래서 실제로 인쇄물을 사용하는 것은 매우 어렵습니다. 페이지 브레이크 전, 페이지 브레이크 후, 페이지 브레이크 내부, 세 가지 조합을 시도해 ..

programing 2023.10.25

테이블 셀의 텍스트 랩핑 방지 방법

테이블 셀의 텍스트 랩핑 방지 방법 테이블 셀에 있는 텍스트가 포장되지 않도록 하려면 어떻게 해야 하는지 아는 사람이 있습니까?이것은 표의 머리글을 위한 것이고, 표제는 그 아래의 데이터보다 훨씬 길지만, 한 줄에만 표시하려면 표제가 필요합니다.열이 매우 넓어도 괜찮습니다. 내 (간체) 테이블의 HTML은 다음과 같습니다. Really long column heading Really long column heading Really long column heading Really long column heading Really long column heading Really long column heading Really long column heading data data data data data da..

programing 2023.10.25

CSS에서 패딩 속성의 폭이나 높이가 변경되지 않도록 하려면 어떻게 해야 합니까?

CSS에서 패딩 속성의 폭이나 높이가 변경되지 않도록 하려면 어떻게 해야 합니까? 다음과 함께 사이트를 만들고 있습니다.DIVs. 제가 DIV를 만들 때만 빼고는 다 잘 되고 있습니다.다음과 같이 작성합니다(예). newdiv { width: 200px; height: 60px; padding-left: 20px; text-align: left; } 추가할 때.padding-left속성, 너비DIV220px로 변경하고 200px로 유지하고 싶습니다. 내가 다른 사람을 만든다고 치자.DIV이름 지어진anotherdiv와 완전히 같은newdiv, 안에 집어넣습니다.newdiv그렇지만newdiv패딩이 없고.anotherdiv가지다padding-left: 20px. 저도 같은 말을 듣지만,newdiv폭은 220..

programing 2023.09.10

부트스트랩 4에서 드롭다운의 화살표를 제거하는 방법은 무엇입니까?

부트스트랩 4에서 드롭다운의 화살표를 제거하는 방법은 무엇입니까? 저는 부트스트랩 4를 사용하고 있습니다.화살표를 드롭다운으로 제거하려고 했습니다. 부트스트랩 3에 대한 답변이 더 이상 작동하지 않습니다. jsfidle 여기 있습니다. Dropdown Action Another action 제거하기만 하면 됩니다.dropdown-toggle요소에서 클래스.드롭다운은 다음과 같은 경우에도 작동합니다.data-toggle다음과 같은 속성 Dropdown Without Arrow 최우선의.dropdown-toggle클래스 스타일은 모든 드롭다운에 영향을 미치며 다른 버튼에 화살표를 계속 표시하기를 원할 수 있습니다. 이것이 제가 보기에 가장 간단한 해결책인 것 같습니다. 편집: 보관dropdown경계 스타일을..

programing 2023.09.05

이미지를 에이미지를 에요소

이미지를 에요소 PNG 이미지를 표시하려고 합니다.HTML의 요소. 버튼이 이미지와 동일한 크기이며 이미지가 표시되지만 중앙에 표시되지 않는 이유로 모든 것을 볼 수 없습니다.즉, 이미지의 오른쪽 상단 모서리가 버튼의 오른쪽 상단 모서리가 아니라 버튼의 중앙에 위치한 것처럼 보입니다. HTML 코드는 다음과 같습니다. 업데이트: 제 생각에 실제로 일어나는 일은 마진 문제입니다.저는 2픽셀의 여백을 얻어서 배경 이미지가 버튼 밖으로 나가고 있습니다.버튼과 이미지의 크기가 동일하며, 이는20px그래서 눈에 띄는 것은...나는 노력했다.margin:0,padding:0하지만 도움이 되지 않았어요...입력 유형 이미지를 사용할 수 있습니다. 단추 역할을 하며 이벤트 처리기를 연결할 수 있습니다. 또는 CSS를 ..

programing 2023.08.21

CSS에서 id와 class의 차이점은 무엇이며, 언제 사용해야 합니까?

CSS에서 id와 class의 차이점은 무엇이며, 언제 사용해야 합니까? 이 질문에는 이미 다음과 같은 답이 있습니다. id와 클래스의 차이점은 무엇입니까? (17개 답변) 마감됨6년 전에. #main { background: #000; border: 1px solid #AAAAAA; padding: 10px; color: #fff; width: 100px; } Welcome 여기서 나는 말했습니다.id에▁div요소와 관련 CSS를 적용하고 있습니다. OR .main { background: #000; border: 1px solid #AAAAAA; padding: 10px; color: #fff; width: 100px; } Welcome 이제 여기서 나는class에▁div그리고 그것은 또한 저에게 같..

programing 2023.08.16

다운로드한 글꼴을 디코딩하지 못했습니다. OTS 구문 분석 오류: 잘못된 버전 태그 + 레일 4

다운로드한 글꼴을 디코딩하지 못했습니다. OTS 구문 분석 오류: 잘못된 버전 태그 + 레일 4 자산을 사전 컴파일하고 애플리케이션을 프로덕션 모드에서 실행하고 있습니다.컴파일 후 색인 페이지를 로드할 때 크롬 콘솔에 다음과 같은 경고가 표시되었습니다. Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0 prospects:1 OTS parsing error: invalid..

programing 2023.08.16
반응형