반응형

CSS 16

!중요한것이 성능에 안좋은가요?

!중요한것이 성능에 안좋은가요? 저는 그들이 싫어요. CSS의 계단식 특성을 무시하고, 주의 깊게 사용하지 않으면 추가하는 루프에 빠지게 됩니다.!important. 하지만 그들이 성능에 나쁜지 알고 싶습니다. 편집 빠른 답변을 통해 성과에 큰 영향을 미치지 않을 것으로 판단됩니다.하지만 다른 사람들을 단념시키기 위한 추가적인 주장으로라도 아는 것은 좋은 일입니다 ;) EDIT 2 볼트클락은 만약 2개가 있다면!important가장 구체적인 것을 선택할 것이라고 사양서에 명시되어 있습니다.성능에 뚜렷한 영향을 주지 않아야 합니다.Firefox의 CSS 파서를 보고 CSS 규칙 덮어쓰기를 처리하는 것이 관련 루틴이라고 생각합니다. 단지 "중요"에 대한 단순한 점검인 것 같습니다. if (aIsImporta..

programing 2023.11.05

CSS – 백분율 높이가 작동하지 않는 이유는 무엇입니까?

CSS – 백분율 높이가 작동하지 않는 이유는 무엇입니까? 이 질문에는 이미 다음과 같은 답변이 있습니다. 백분율 높이 HTML 5/CSS (7개 답변) 닫힘7년 전에. 백분율 값을 사용하는 이유height작동하지 않지만 에 대한 백분율 값입니다.width그런가요? 예를 들어, #working{ width:80%; height:140px; background:orange; } #not-working{ width:80%; height:30%; background:green; } 의 입니다.#working뷰포트의 80%에 달하지만 높이는#not-working결국 0이 됩니다.블록 요소의 높이는 기본적으로 블록 내용의 높이입니다.그래서, 다음과 같은 것이 주어집니다. Where is pancakes house..

programing 2023.10.21

CSS 스타일시트는 어떤 순서로 재정의됩니까?

CSS 스타일시트는 어떤 순서로 재정의됩니까? HTML 헤더에는 다음과 같은 내용이 있습니다. 재설정했습니다 h1 { font-size: 20px; } 도련님 h1 { font-size: 30px; } h1 태그의 출력은 글꼴 크기: 30px;예를 들어 계단식 규칙을 단순화해 보겠습니다.규칙은 일반적인 것에 좀 더 구체적으로 적용됩니다. ID의 첫 번째 규칙 적용(순서에 관계없이 클래스 및/또는 요소 초과) 순서에 관계없이 요소 위에 클래스 적용 클래스 또는 ID가 없는 경우 일반 클래스를 적용합니다. 동일한 그룹/레벨에 대해 마지막 스타일(파일 로드 순서에 따른 선언 순서)을 적용합니다. 여기 css와 html 코드가 있습니다; 여기 CSS 스타일이 있습니다. Houston Chronicle News ..

programing 2023.10.11

폭 100% HTML 테이블, tbody 안에 세로 스크롤 포함

폭 100% HTML 테이블, tbody 안에 세로 스크롤 포함 에 설정하려면 ?폭 100%만을것것을0세로 스크롤로 어느 정도 높이? table { width: 100%; display:block; } thead { display: inline-block; width: 100%; height: 20px; } tbody { height: 200px; display: inline-block; width: 100%; overflow: auto; } Head 1 Head 2 Head 3 Head 4 Head 5 Content 1 Content 2 Content 3 Content 4 Content 5 나는 디브를 추가하는 것을 피하고 싶습니다. 내가 원하는 것은 이런 간단한 테이블과 디스플레이를 바꾸려고 할 때입..

programing 2023.09.16

DIV를 선택할 수 없게 만드는 방법이 있습니까?

DIV를 선택할 수 없게 만드는 방법이 있습니까? 여기 여러분을 위한 흥미로운 CSS 질문이 있습니다! 투명 배경이 있는 텍스트 영역에 일종의 워터마크로 사용하고 싶은 텍스트가 중첩되어 있습니다.텍스트가 크고 텍스트 영역의 대부분을 차지합니다.문제는 사용자가 텍스트 영역을 클릭할 때 워터마크 텍스트를 대신 선택하는 경우가 있다는 것입니다.워터마크 텍스트를 절대 선택할 수 없기를 원합니다.z 인덱스가 낮으면 선택할 수 없을 거라고 예상했는데 브라우저는 항목을 선택할 때 z 인덱스 레이어에 신경을 쓰지 않는 것 같습니다.이 DIV를 선택할 수 없도록 만드는 방법이나 방법이 있습니까?얼마 전에 선택을 비활성화하기 위해 간단한 jQuery 확장자를 썼습니다.jQuery에서 선택을 비활성화하는 중입니다.를 통해 ..

programing 2023.09.16

HTML5 자리 표시자 CSS 패딩

HTML5 자리 표시자 CSS 패딩 나는 이미 이 게시물을 보았고 내 자리 표시자를 위해 패딩을 바꾸기 위해 내가 할 수 있는 모든 것을 시도했지만, 안타깝게도, 그것은 단지 협력하기를 원하지 않는 것처럼 보입니다. 어쨌든, 여기에 CSS의 코드가 있습니다. (편집: 이것은 sas에서 생성된 CSS입니다.) #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; } #search form { position: relative; } #search input { padding: 0 10px 0 29px; color: #555555; border: none; backgr..

programing 2023.09.01

CSS를 사용하여 글꼴을 굵게 만드는 방법은 무엇입니까?

CSS를 사용하여 글꼴을 굵게 만드는 방법은 무엇입니까? 저는 HTML과 CSS가 매우 생소한데 어떻게 하면 CSS를 사용하여 제 글꼴을 굵게 만들 수 있는지 궁금합니다. 저는 CSS 파일을 가져오는 일반 HTML 페이지를 가지고 있으며, CSS의 글꼴을 변경할 수 있습니다.그런데 글씨체를 굵게 만드는 방법을 몰라서 그러는데, 누가 도와줄 수 있나요?CSS 선언을 사용할 수 있습니다.font-weight: bold;. http://htmldog.com/guides/cssbeginner/ 에서 CSS 초급 가이드를 읽는 것을 추천합니다.HTML의 요소를 사용할 수 있습니다. 이 요소는 의미적으로 매우 유용하며(화면 판독기 등에도 유용합니다) 일반적으로 굵은 텍스트로 렌더링됩니다. See here, some..

programing 2023.08.27

CSS 크로스 브라우저로 수직 텍스트를 어떻게 그릴 수 있습니까?

CSS 크로스 브라우저로 수직 텍스트를 어떻게 그릴 수 있습니까? 크로스 브라우저(>= IE6, >= Firefox 2, 크롬, 사파리 또는 오페라 버전)를 지원하여 텍스트 한 단어를 90도 회전시키고 싶습니다.이것이 어떻게 행해지는가?이 답변을 최신 정보(CSS Tricks)로 업데이트했습니다.Matt와 Douglas가 필터 구현을 지적한 것에 대해 칭찬합니다. .rotate { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); /* also accepts left, right,..

programing 2023.08.22

글꼴 스타일: CSS에서 기울임꼴 대 사선

글꼴 스타일: CSS에서 기울임꼴 대 사선 이 두 가지의 차이점은 무엇입니까? font-style:italic font-style:oblique 저는 W3Schools 에디터를 사용해 보았지만 차이점을 구별할 수 없었습니다. 제가 무엇을 빠뜨리고 있나요?가장 순수한(유형 설계자) 의미에서 사선은 특정 각도(일반적으로 8-12도)로 치우친 로마자 글꼴입니다.기울어진 버전뿐만 아니라 더 많은 캘리그라피를 만들기 위해 특정 문자(특히 소문자 a)를 다르게 그린 이탤릭체가 유형 디자이너에 의해 작성됩니다. 일부 유형의 주조 공장은 설계자가 직접 승인할 필요가 없는 임의의 귀금속을 생성했습니다.)을 생성했습니다.어떤 글꼴은 이탤릭체로 쓰거나 오블리주로 쓰지 않기로 되어 있었습니다.하지만 사람들은 어쨌든 했습니다...

programing 2023.08.12

두 개의 디브를 서로 나란히 놓는 방법은?

두 개의 디브를 서로 나란히 놓는 방법은? 이 질문에는 이미 다음과 같은 답이 있습니다. 옆에 있는 CSS 두 개의 디브 (13개 답변) 마감됨11개월 전에. 다음 코드를 고려합니다. #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } Stack Overflow is for professional and enthusiast programmers, people who write code because they love it. When you post a new question, other users will almo..

programing 2023.07.28
반응형