CSS에서 발생하는 함정 - 브라우저 기본 스타일 설정

오늘은

태그를 사용한 CSS 스타일을 작성해 보았는데, 일련의 효과를 설정한 후 실행해 보니 설정과 위치가 다릅니다. 크롬에서 체크 항목을 열고

ul, menu, dir {

display: block;

list- 스타일 유형: 디스크;

-webkit-margin-before: 1em;

-webkit-margin-after: 1em;

-webkit-margin-start: 0px ;

-webkit-margin-end: 0px;

-webkit-padding-start: 40px;

} 다음에 표시되는 소스 to

은: 사용자 에이전트 스타일시트

html과 css를 확인해 보니 특별한 설정은 없고, 표준 설정도 html 헤더에 되어 있는 것을 확인했습니다. . Baidu에서 "사용자 에이전트 스타일시트"를 검색한 후 브라우저에 다양한 html 요소에 해당하는 CSS 기본 설정이 있음을 발견했습니다.

해결책:

1. 비교적 간단한 방법: CSS 파일 시작 부분에 *{margin:0px;padding:0px;}와 같은 와일드카드 스타일을 설정하여 브라우저를 덮어씁니다. 기본 설정;

2. 더 복잡한 방법: 여러 일반적인 브라우저의 기본 설정을 이해한 다음 별도의 CSS 파일을 작성하고 수정해야 할 스타일을 모두 작성하는 경우에 사용할 수 있습니다. 앞으로 공유할 프로젝트를 진행 중입니다.

추후 이 문제에 대해 더 자세히 알아볼 시간이 있으면 추가하겠습니다.

CSS(브라우저 기본 스타일 설정)와 관련된 더 많은 함정에 대해서는 PHP 중국어 웹사이트의 관련 기사에 주목하세요!