CSS选择器基础

为网页添加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;
}

你可能感兴趣的:(CSS选择器基础)