브라우저 스타일 초기화

브라우저가 가지고 있는 기본적인 스타일을 초기화 한다.

검색창에 reset.css cdn 검색

cdnjs.com / jsdelivr.com 선택

cdn이라는 css파일의 원격 주소를 연결해서 사용 할 것임

reset.css ⇒ 원본

reset.min.css ⇒ 원본 파일을 용량이 가장 적은 형태로 압축한 버전

copy html을 한 후, 링크 태그 전에 코드를 붙여넣음.

선택자{ 속성:값; }
/*주석*/

선언방식

내장방식

<style></style>의 내용(Contents)으로 스타일을 작성하는 방식 요소 내부에 직접적으로 작성한다하여 html에 내장한다는 의미

장점: 별도의 CSS파일을 만들지 않아도 된다.

단점: CSS내용이 많아지면 HTML문서 내에서 한번에 처리하기 쉽지 않음. 그리고 각 파일을 구별해서 하는 것이 좋음.

<style>
	div {
		color: red;
		margin: 20px;
	}
</style>

인라인 방식

요소의 style 속성에 직접 스타일을 작성하는 방식 (선택자 없음)

단점: 지나치게 우선하는 문제. 덮어서 수정하고 싶어도 안됨. ⇒ 유지보수에 악영향 (권장하지 않음)

<div style="color: red; margin: 20px;"></div>