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;
}