Udemy에서 Build Your First Website in 1 Week with HTML5 and CSS3 강의를 듣고 정리한 것이다.
Basic
CSS(Cascading Style Sheets) : a language that describes the style of an HTML document.
3 ways to include CSS
1. External style (like custom.css)
/* custom.css */
h1 {
color: red;
}
<!-- html file -->
<head>
<link rel="stylesheet" type="text/css" href="custom.css">
</head>
2. Internal style
defined within the style element, inside the head section of an HTML page.
<head>
<style>
h1 {
color: red;
}
</style>
</head>
3. Inline style
using the style attribute within the element’s opening tag.
<h1 style="color: red;">Hello</h1>
Order
Inline style has the highest priority. External and Internal have the same priority. Cascading, read last will be the CSS rule that takes place.
- Inline style
- External and Internal style
- Browser default