1.什么是 CSS?
- CSS 指层叠样式表 (Cascading Style Sheets)
- 样式定义如何显示 HTML 元素
- 样式通常存储在样式表中
- 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
- 外部样式表可以极大提高工作效率
- 外部样式表通常存储在 CSS 文件中
- 多个样式定义可层叠为一个
换而言之，CSS就是用来修饰装扮HTML，使得HTML更加美观。
2. HTML中嵌入CSSd的三种方式
一、内联式
一般都写在特定的标签元素里面来实现对元素的修改。例如将 人生应该奋斗不止的字体颜色设置为红色
<p style="color: red;">人生应该奋斗不止</p>
并且css样式代码要写在style=""双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开。如下代码：
<p style="color:red;font-size:12px">这里文字是红色。</p>
二、嵌入式
嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。如下面的代码将文字设置为粉色：
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<meta http-equiv="content-type"content="text/html; charset=UTF-8" />
<title>这是演示实例</title>
<style type="text/css">
p{
color:pink;
}
</style>
</head>
<body>
<p >1</p>
</body>
</htmL>
三、外部式
外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：
<link href="base.css" rel="stylesheet" type="text/css" />
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>嵌入式css样式</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<!---
href后面跟的是css的文件 rel="stylesheet" type="text/css"为固定格式
--->
</head>
<body>
<pre>1
<span>2</span>
<span>3 </span>
<span>5 </span>
</pre>
</body>
</html>
2102
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
