programing

html 웹 페이지의 모든 요소에 대해 글꼴 속성을 지정하는 방법은 무엇입니까?

topblog 2023. 11. 4. 09:47
반응형

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 개발 시간을 반으로 줄일 수 있습니다.

에릭 마이어의 reset.css를 시도해 보세요.

당신은 그것들을 바디 태그에 설정할 수 있습니다.

body
{
    font-size:xxx;
    font-family:yyyy;
}

사용자에게 CSS 속성을 지정하는 경우body요소는 안에 있는 모든 것에 적용되어야 합니다.<body></body>나중에 스타일시트에서 그들을 무시하지 않는 한 말입니다.

본문의 모든 요소의 스타일을 설정하려면 다음 코드^를 사용해야 합니다.

  body{
    color: green;
    }

언급URL : https://stackoverflow.com/questions/3942254/how-to-specify-font-attributes-for-all-elements-on-an-html-web-page

반응형