반응형

CSS 9

앵커(링크)의 밑줄을 제거하는 방법?

앵커(링크)의 밑줄을 제거하는 방법? 페이지에 소개된 텍스트 및 링크에 대한 밑줄을 피할 수 있는 방법이 (CSS에) 있습니까? CSS 를합니다. 그러면 밑줄이 제거됩니다.a그리고.u요소: a, u { text-decoration: none; } 때로는 요소에 대해 다른 스타일을 재정의해야 합니다. 이 경우에는!important규칙의 수식어: a { text-decoration: none !important; } CSS는 text-decoration: none; 그리고. text-decoration: underline; 이렇게 하면 색상과 함께 앵커 태그가 존재하는 밑줄이 제거됩니다. a { text-decoration: none; } a:hover { color: white; text-decoratio..

programing 2023.10.24

CSS를 사용한 서식 번호(소수점, 수천 개의 구분자, 현지화 등)

CSS를 사용한 서식 번호(소수점, 수천 개의 구분자, 현지화 등) CSS로 숫자를 포맷하는 것이 가능합니까?즉, 소수점 자리, 소수점 구분자, 수천 구분자 등입니다.유감스럽게도 CSS로는 현재 불가능하지만, 사용이 가능합니다.Number.prototype.toLocaleString() 라틴어,등과 형식의 또한 라틴어, 아랍어 등과 같은 다른 숫자 형식도 포맷할 수 있습니다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleStringCSS 작업 그룹은 2008년 콘텐츠 포맷에 관한 초안을 발표했습니다.하지만 지금은 새로운 것이 없습니다.자바스크립트의 어떤 숫자에 대해서도 다음 숫자..

programing 2023.10.19

CSS로 긴 문자열 잘라내기: 아직 실현 가능합니까?

CSS로 긴 문자열 잘라내기: 아직 실현 가능합니까? 동적 콘텐츠가 고정된 너비 및 높이 레이아웃에 맞게 일반 HTML 및 CSS로 텍스트를 잘라내는 좋은 방법이 있습니까? 논리적 너비(즉, 맹목적으로 추측한 문자 수)로 서버 측을 잘라내고 있지만, 'w'가 'i'보다 넓기 때문에 최적이 아닌 경향이 있으며, 고정된 너비마다 문자 수를 다시 추측(그리고 계속 조정)해야 합니다.렌더링된 텍스트의 물리적 너비를 알고 있는 브라우저에서 잘라내기가 수행되는 것이 이상적입니다. IE에 다음과 같은 정보가 있다는 것을 발견했습니다.text-overflow: ellipsis 내가 원하는 대로 할 수 있는 속성이지만 크로스 브라우저가 필요합니다.이 속성은 표준(어느 정도?)인 것 같지만 Firefox에서는 지원되지 않..

programing 2023.10.09

플로팅 요소의 중심을 어떻게 맞추나요?

플로팅 요소의 중심을 어떻게 맞추나요? 저는 페이지를 구현하고 있고, 그것은 중심을 잡을 필요가 있습니다.문제는 링크를 블록으로 표시해야 하기 때문에 띄워야 한다는 것입니다..text-align: center;그들에게는 통하지 않습니다.저는 왼쪽의 포장지 디브 패딩을 주면 달성할 수 있었지만, 페이지마다 페이지 수가 달라서 안 될 것 같습니다.제 암호는 이렇습니다. .pagination { text-align: center; } .pagination a { display: block; width: 30px; height: 30px; float: left; margin-left: 3px; background: url(/images/structure/pagination-button.png); } .pagin..

programing 2023.09.09

What does the smiley face ":)" mean in CSS?

What does the smiley face ":)" mean in CSS? I spotted this CSS code in a project: html, body { :)width: 640px;} I have been around with CSS for a long time now but I never saw this ":)" code before. Does it mean anything or is it just a typo?From an article at javascriptkit.com, that's applied for IE 7 and earlier versions: 별표와 같은 영숫자가 아닌 문자를 추가하는 경우(*) 속성 이름 직전에 IE에서 적용되며 다른 브라우저에서는 적용되지 않습니다. ..

programing 2023.09.09

페이지 로드에 대한 페이드인 효과를 위해 CSS 사용

페이지 로드에 대한 페이드인 효과를 위해 CSS 사용 CSS 전환을 사용하여 페이지 로드에 텍스트 단락이 페이드인되도록 허용할 수 있습니까? 저는 http://dotmailapp.com/ 에서 어떻게 보였는지 정말 좋아하고 CSS를 사용해서 비슷한 효과를 사용하고 싶습니다.도메인을 구입한 이후로 더 이상 해당 효과가 언급되지 않습니다.보관된 복사본은 Wayback Machine에서 볼 수 있습니다. 일러스트 마크업 기능: ​This is a test ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 다음과 같은 CSS 규칙을 사용합니다. #test p { opacity: 0; margin-top: 25px; font-size: 21px; text-align..

programing 2023.09.09

웹 페이지를 인쇄할 때 요소를 숨기려면 어떻게 해야 합니까?

웹 페이지를 인쇄할 때 요소를 숨기려면 어떻게 해야 합니까? 웹 페이지에 웹 페이지를 인쇄할 수 있는 링크가 있습니다.그러나 이 링크는 인쇄물 자체에서도 볼 수 있습니다. 프린트 링크를 클릭하면 링크 버튼을 숨길 수 있는 자바스크립트나 HTML 코드가 있습니까? 예: "Good Evening" Print (click Here To Print) 이 "인쇄" 레이블이 "안녕하십니까" 텍스트를 인쇄할 때 이 "인쇄" 레이블을 숨기려고 합니다.인쇄 라벨은 인쇄물 자체에 표시되지 않아야 합니다.스타일시트에 다음을 추가합니다. @media print { .no-print, .no-print * { display: none !important; } } 그 다음 추가class='no-print'또는 기존 클래스 문에 ..

programing 2023.08.30

인쇄 스타일 시트를 개발하고 테스트하는 더 빠른 방법(매번 인쇄 미리 보기 사용 안 함)

인쇄 스타일 시트를 개발하고 테스트하는 더 빠른 방법(매번 인쇄 미리 보기 사용 안 함) 이것이 현재 제 프로세스입니다. print.css에 변경 사항 저장 브라우저를 열고 페이지를 새로 고칩니다. 마우스 오른쪽 단추를 클릭하고 인쇄 > 인쇄 미리 보기를 선택합니다(Firefox, 하지만 브라우저는 실제로). 저를 괴롭히는 것은 3단계인데 플러그인 같은 것으로 공정에서 잘라내는 것이 가능한지 궁금합니다.페이지를 인쇄 매체로 표시하도록 선택한 다음 새로 고침하면 변경 내용을 볼 수 있습니다. 인쇄 스타일 시트는 어떻게 테스트합니까?새로 고침 후 항상 인쇄 미리 보기를 클릭합니까?Chrome Media Type Emulation은 브라우저의 print css를 참조하십시오 게시물에서 승인된 대로 사용할 수 ..

programing 2023.08.20

배경 이미지와 불투명도를 동일한 속성으로 설정할 수 있습니까?

배경 이미지와 불투명도를 동일한 속성으로 설정할 수 있습니까? CSS 레퍼런스에서 이미지 투명도 설정 방법과 배경 이미지 설정 방법을 확인할 수 있습니다.하지만 투명한 배경 이미지를 설정하기 위해 이 두 가지를 어떻게 결합할 수 있을까요? 배경으로 사용하고 싶은 이미지가 있는데 너무 밝아서 불투명도를 0.2 정도로 줄이고 싶습니다.어떻게 해야 하나요? #main { background-image: url(/wp-content/uploads/2010/11/tandem.jpg); } #main { position: relative; } #main:after { content : ""; display: block; position: absolute; top: 0; left: 0; background-image..

programing 2023.07.31
반응형