CSS와 HTML을 섞는 방법
-
같은 HTML 파일에 HTML, CSS 코드를 놓는 방법
head tag 안에 style tag를 작성한다. -
CSS와 HTML을 분리시키는 방법
CSS를 분리시켜 만들 때는 따로 CSS 파일을 만든다. ex) styles.css
link tag를 이용해 styles.css와 연결하고 rel을 이용해 관계를 적어준다.
(link rel="stylesheet" href="styles.css")
Reset css
- 리셋 CSS는 CSS 파일이다. 브라우저에 기본적으로 적용되어 있는 스타일을 초기화 해준다.
- 먼저 브라우저 스타일을 없애고, 직접 디자인 하는게 더 좋은 방법이다.
- styles.css에서 작성한 한 부분도 따로 css파일을 만들어 분리해주는 것이 깔끔하게 작업할 수 있는 방법이다. → CSS 코드를 여러 파일로 분할했다가 다시 합친다.
- 리셋 CSS = 기본적으로 브라우저에서 제공하는 body의 margin을 없애는 것
block
- 대부분의 box는 block이다
- 하나의 요소 옆에 다른 요소가 못 오는 것을 block (div, paragraph 등등 많음)
inline
- 하나의 요소 옆에 다른 요소가 올 수 있는 것을 inline (a, span, link, image)
label
- label태그에는
<label>태그를 클릭하면, 동일한 아이디값을 가진<input>태그에 자동으로 포커스가 되는 기능이 포함되어 있다.
