为网页添加CSS有三种,分别是:外部样式、内部样式和内联样式。
最推荐使用外部样式表,更加符合Web标准所主张的内容和表现相分离思想。
1 内联样式
I'm learning to code!
2 内部样式
3 使用自闭合标签在html中引入外部样式,link元素必须放在HTML文档的head元素里面
标签名 Tag Name ️
p {
font-family: Arial;
}
h1 {
color: maroon;
}
https://yangjh.oschina.io/front-end/css/thewayofuse.html
类名 Class Name
Sole Shoe Company
.title {
color: teal
}
链式选择 Chaining Selectors
h2.destination{
font-family: cursive;
}
嵌套元素 Nested Elements
- ...
- ...
- ...
.main-list li {
}
多个选择器 Multiple Selectors
h5, p {
font-family: Georgia;
}