CSS(Cascading Style Sheets,层叠样式表)
- CSS 属性和值不区分大小写
- 注释:
/* */ - CSS 中的空白会被忽略
- 浏览器遇到无法解析的 CSS 会直接忽略
在 HTML 中引入 CSS
外部样式
在 head 中使用 link 标签引入 css 文件
<!doctype html>
<html lang="zh-CN">
<head>
<link rel="stylesheet" href="styles.css" >
</head>
</html>外部样式不会阻塞 HTML 的解析,但是会阻塞页面的渲染
内部样式
在 head 中使用 style 标签写样式
<!doctype html>
<html lang="zh-CN">
<head>
<style>
/* ... */
</style>
</head>
</html>内联样式
直接在标签上使用 style 属性写样式
<html lang="zh-CN">
<head>
</head>
<body>
<h1 style="color: blue;">Hello World!</h1>
</body>
</html>