Skip to Content
Go Back
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기(강의) 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12

브라우저의 스타일 간섭 없애기

브라우저에 있는 기본 스타일을 제거하는 css다. 기본으로 이 css를 집어넣고 디자인을 시작하는 게 편하다. 기록용으로 놔둔다. 아래 코드는 《CSS비밀 메뉴얼》 (2007)의 441p를 참고했다.

이 책의 저자는 탄텍 셀릭의 기법도 추천하고 있다.

body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote{
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, pre, code{
	font-size: 1em;
}
a{
	text-decoration: none;
}
a img{
	border: none;
}
h1{
	margin-top: 5px;
	font-size: 2.5em;	
}

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다