TA的每日心情 | 开心
2021-3-12 23:18 |
|---|
签到天数: 2 天 [LV.1]初来乍到
|
|
所谓的外部样式表就是将所有 CSS 定义放在一个文件中，然后将其另存为一个扩展名为 CSS 的文件，然后通过在文档的 head 部分中插入 link 元素，来将其应用到你的 HTML 文档中。 <link rel="stylesheet" href="styles.css" type="text/css" media="screen">
href 属性指向 CSS 文件，media 属性定义了这些样式应当被应用到哪些媒体上（本例中是 screen，因为我们不想让打印效果也像这样网页效果一样），而 type 则定义了资源链接是什么（仅仅只有文件扩展名还不足以决定这一点）。 将你的外观定义保存在一个单独的文件中，这样你就可以通过修改一个文件来修改整个网站，很好地分离了网站的结构与表现。浏览器可以立即加载该文件，然后将其下载到本地缓存中，所有引用了该文件的 HTML 文档都可以访问它，这样就可以减少下载量。 例：
<html>
<head>
<title>外部样式表的应用</title>
<link rel="stylesheet" type="text/css" href="style2.css">
</head>
<body>
<h1>外部样式表的应用范例</h1>
<p>其素若何，春梅绽雪；其洁若何，秋蕙披霜。其静若何，松生空谷；其艳若何，霞映澄塘。其文若何，龙游曲沼；其神若何，月射寒江。远惭西子，近愧王嫱。生于孰地?降自何方?若非宴罢归来，瑶池不二；定应吹箫引去，紫府无双者也。
</p>
</body>
</html>
style2.css
h1
{
font-size:30px;text-align:center;color:brown;border:dotted thin red;
}
body
{
background-color:cyan;
}
p
{
font-size:20;color:blue;text-align:center;letter-spacing:10;
}
源码下载：http://file.javaxxz.com/2014/10/28/235507390.zip |
|
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2014-10-28 23:55:07