CSS3

CSS (英文全称:Cascading Style Sheets) 层叠样式表,一种用来表现HTML等文件样式的计算机语言。

—— 例如更改网页内容的字体、颜色、大小,将内容分割成多列或者加入动画以及别的装饰型效果

规则

Web浏览器将 CSS 规则应用于文档以影响它们的显示方式,一个CSS规则由以下组成:

  • 一个 选择器,它选择元素,这(些)元素是你想应用这些最新的属性值于其上的元素。
  • 一组 属性 ,属性的值更新了 HTML 的内容的显示方式。比如,我想让元素背景变为红色。
.selector{
  color: red;
}

使用方法

  • 内嵌
<!DOCTYPE html>
<html>
<head>
  <title>CSS</title>
</head>
<body>
  <span class="css-test" style="color: red">CSS TEST</span>
</body>
</html>
  • 内联
<!DOCTYPE html>
<html>
<head>
<title>CSS</title>
<style type="text/css">
  .css-test{
    color: red;
  }
</style>
</head>
<body>
  <span class="css-test">CSS TEST</span>
</body>
</html>
  • 外联
<!DOCTYPE html>
<html>
<head>
  <title>CSS</title>
  <link rel="stylesheet" href="css-test.css">
</head>
<body>
  <span class="css-test">CSS TEST</span>
</body>
</html>
.css-test{
  color: red;
}

参考资料