层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
CSS:表现(美化网页):字体、颜色、高度、宽度、背景图片、网页定位、网页浮动…
CSS 1.0
CSS 2.0 DIV(块) + CSS , HTML 与CSS结构分离的思想,网页变得简单,SEO;
CSS 3.0 圆角 , 阴影 , 动画… 浏览器兼容性-
在head标签中设置CSS样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 规范,<style>可以编写CSS代码,每一个声明最好使用分号结尾
语法:
选择器{
声明1;
声明2;
声明3;
}
-->
<style>
h1{
color: red;
}
</style>
</head>
<body>
<h1>你好,马西莫</h1>
</body>
</html>
在外部文件中引入CSS样式
创建css文件:
在head标签中引入CSS文件
效果: