반응형
html 웹 페이지에서 모든 요소의 글꼴 속성을 지정하는 방법은 무엇입니까?
글꼴 패밀리, 글꼴 크기, 색상 등을 설정하면 중첩 된 일부 요소가 추악한 브라우저 기본값으로 이러한 요소보다 우선합니다.
내 페이지의 모든 요소에 대해 수십 번을 지정해야합니까, 아니면 전 세계적으로 한 번만 설정하는 방법이 있습니까?
그렇게하는 방법?
* {
font-size: 100%;
font-family: Arial;
}
별표는 모든 요소를 의미합니다.
IE를 사용하는 경우 테이블과 같은 특정 요소의 브라우저 기본값으로 되돌아 갈 가능성이 있습니다. 다음 CSS와 같은 방식으로 대응할 수 있습니다.
html, body, form, fieldset, table, tr, td, img {
margin: 0;
padding: 0;
font: 100%/150% calibri,helvetica,sans-serif;
}
input, button, select, textarea, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
/* rest of your styles; like: */
body {
font-size: 0.875em;
}
편집 : CSS 재설정을 읽을 수 있습니다. 이 같은 스레드를 참조하십시오
이 조언을 충분히 강조 할 수는 없습니다. 재설정 스타일 시트를 사용하고 모든 것을 명시 적으로 설정하십시오. 크로스 브라우저 CSS 개발 시간을 반으로 줄입니다.
Eric Meyer의 reset.css를 사용해보십시오 .
body 태그에서 설정할 수 있습니다
body
{
font-size:xxx;
font-family:yyyy;
}
body요소에 CSS 속성을 지정 <body></body>하면 나중에 스타일 시트에서 해당 속성을 재정의하지 않는 한 해당 속성에 적용해야합니다 .
본문에있는 모든 요소의 스타일을 설정하려면 다음 코드를 사용해야합니다 ^
body{
color: green;
}
반응형
'Programing' 카테고리의 다른 글
| UIPickerView 높이를 변경하는 방법 (0) | 2020.07.25 |
|---|---|
| Rails 앱이 사용하는 gem 버전을 확인하는 방법 (0) | 2020.07.25 |
| 최단 경로를 찾을 때 너비 우선 검색은 어떻게 작동합니까? (0) | 2020.07.24 |
| WebRequest의 본문 데이터 설정 (0) | 2020.07.24 |
| 장고. (0) | 2020.07.24 |