css 선언 방식.
style을 HTML페이지에 적용하는 방법
1. inline (우선순위 1순위!)
HTML 태그 안에다가 적용한다, 이는 다른 CSS 파일에 적용한 것보다 가장 먼저 적용된다.
2. internal (external과 작동 순서는 동등함)
Style 태그로 지정.
구조(html의 문법들)와 스타일이 섞이게 되므로, 유지보수가 어려워진다. 하지만 별도의 CSS 파일을 관리하지 않아도 되며, 서버에 CSS파일을 부르기 위해 별도의 브라우저가 요청을 보낼 필요가 없다.
3. external
외부파일로 저장하는 방식. 가급적 이 방법으로 구현하는 것이 좋습니다.
현업에서 여러개의 CSS파일로 분리하고 이를 합쳐서 서비스에 사용하기도 합니다.
아래 코드처럼 link태그로 추가해서 CSS파일 불러오기.
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div>
<p>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</p>
</div>
</body>
</html>'아기개발자 일지 > Web Dev. Boostcourse' 카테고리의 다른 글
| 3.4 CSS 기본 스타일 변경하기 (0) | 2021.09.06 |
|---|---|
| 3.2 상속과 우선순위 (0) | 2021.09.06 |
| 2.3 HTML 구조설계 (0) | 2021.09.05 |
| 2.2 HTML Layout Tag (0) | 2021.09.05 |
| 2.1 HTML Tags (0) | 2021.09.05 |
