w3school的CSS小疑惑

☆jason==☆ · 发表于 28-9-2010 08:20 PM

http://www.w3schools.com/css/default.asp
这个他教的是

body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}

复制代码

可是我按try yourself过后他跑出来的是

<html>
<head>
<style type="text/css">
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>
<body>
<h1>CSS example!</h1>
<p>This is a paragraph.</p>
</body>
</html>

复制代码

请问这2个有什么不同呢?CSS不是应该保存成*.css格式的吗?

宅男-兜着走 · 发表于 28-9-2010 11:50 PM

一个是 Embed 的，一个是 Inline 的。
Embed的是 <Link src="blah blah blah"/>

Inline 的 <Style> </Style>
（不懂有没有搞错这些词汇，但是我是学过的

但是无大碍，只是个名称不必太在意。）

这两者的分别在于，一个是可复用性高，另外个只能自己的Page中使用：
<style> <<-- 这个不能在别的 Page 用。
而 Css 文件的却能。只要Reference 在您的 Page 中就可以了。

如果你觉得你每个 Page都用共同的 Style，那么你开在 CSS 文件就对了。

☆jason==☆ · 发表于 29-9-2010 12:48 AM

哦哦明白了谢谢你

chrizyuen2 · 发表于 29-9-2010 11:06 AM

回复 2# 宅男-兜着走

正解答

		自动登录	找回密码
密码			注册

w3school的CSS小疑惑

所属分类: 电脑手机