내 테이블 스타일을 재정의하는 사용자 에이전트 스타일 시트? 트위터 부트 스트랩
트위터 부트 스트랩을 사용하고 있습니다. 내 문제는 표의 글꼴 크기가 잘못되었다는 것입니다. 어떤 이유로 사용자 에이전트 스타일 시트가 부트 스트랩 테이블 스타일을 재정의합니다.
트위터 부트 스트랩 페이지 ( http://twitter.github.com/bootstrap/base-css.html )에서는 물론 모든 것이 올바르게 작동합니다.
내 검사관에서 다음과 같은 차이점이 있습니다.
나의 페이지:
트위터 부트 스트랩 페이지 :
따라서 확실히 문제는 사용자 에이전트 스타일 시트가 부트 스트랩 스타일을 재정의한다는 것입니다.
내 페이지와 트위터 부트 스트랩 페이지에서 이것이 다른 이유를 파악할 수 없었습니다.
다른 CSS의 대부분은 잘 작동합니다.
내 CSS 가져 오기 :
<link href="/media/bootstrap/css/bootstrap.css" rel= "stylesheet">
트위터 부트 스트랩 페이지에서 CSS 가져 오기 :
<link href="assets/css/bootstrap.css" rel="stylesheet">
나는 실제로 이것을 스스로 알아 냈습니다. 나는 한 <!DOCTYPE html>태그가 잘못 작성. 따라서이 문제가 발생하면 doctype 선언이 올바른지 확인하십시오!
docs.css도 애플리케이션으로 가져 오십시오. 내가 그렇게 말해야한다면 Twitter Bootstrap Docs 가 bootstrap.css 및 사용자 정의 docs.css를 사용 하고 있음을 깨달았을 것입니다. github 패키지에서 다운로드 할 수 있습니다. 그런 다음 문서에서 테이블 클래스를 가지고 놀아보십시오. 마스터 css를 엉망으로 만들지 않고 css. 또는 헤더에 DOCTYPE을 추가해보세요.
<link href="/media/bootstrap/css/docs.css" rel= "stylesheet">
<!DOCTYPE html>처음에 선언 하는 것이 작동하지 않으면 아마도 사용자 에이전트 스타일 시트가 아닌 것입니다. 스타일을 재정의하는 Bootstrap의 스타일 시트 일 수 있습니다 (이 문제가 발생했습니다). 스타일 시트가 HTML에서 Bootstrap의 스타일 시트 뒤에 연결되어 있는지 확인하십시오 .
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mystylesheet.css" rel="stylesheet"> <!-- Your custom style sheet goes after Bootstrap's -->
나는 OP와 같은 문제가 있었다. 나는 멋진 작은 텍스트를 원했고 일부 사용자 스타일 시트가 그것을 덮어 쓰고 다음을 넣었습니다.
font-size: medium;
내가 원할 때 :
font-size:8pt;
내 HTML 페이지 상단에 다음을 배치했습니다.
<!DOCTYPE html>
모든 것이 좋았고 맨 위에 doctype을 선언하지 않는 나쁜 습관이었습니다. 이제 모든 사용자 스타일 시트가 사라졌습니다.
CSS에서 무엇을 재정의하는지 확인하려면 항상 요소 (F12)를 검사하는 것이 좋습니다. 그러면 속성이 올바르게 수정되고 선택 해제 된 다음 CSS 파일을 업데이트 할 수 있습니다!
그러나 사용자 스타일 시트 문제가있는 경우 이러한 값은 잠 깁니다.
네트워크 열 아래의 브라우저 개발 도구 (F12 누름)에서 CSS가 호출되었는지 확인합니다.
호출되지 않으면 스타일 시트를 사용하십시오 1 rel="stylesheet" type="text/css".
그것은 나를 위해 일했습니다.
'development' 카테고리의 다른 글
| React와 React Fiber의 차이점은 무엇입니까? (0) | 2020.12.08 |
|---|---|
| 글로벌 iPhone 예외 처리를 어떻게 구현합니까? (0) | 2020.12.08 |
| AuthorizeAttribute를 사용한 ASP.NET 웹 API 권한 부여 (0) | 2020.12.08 |
| 지금은 iPhone 앱을 설치할 수 없습니다. (0) | 2020.12.08 |
| pandas에서 여러 열 삭제 (0) | 2020.12.08 |