爱学记
级联样式表 ASP.NET入门教程 5.1.2 CSS 级联样式表[2]
ASP.NET入门教程 5.1.2 CSS 级联样式表[2]
也可以对样式信息使用类似锚标记（<a>）这种带有特定变化的标记 从而在将鼠标放置在这些标记上时它们的外观能够自动发生变化 如下所示
a:link a:visited
{
color: #cc ;
text decoration: underline;
}
a:hover
{
text decoration: none;
}
a:active
{
color: #ff ;
text decoration: underline;
}
此代码将在页面上显示带有下划线的红色链接 当用户将鼠标放在链接上时 下划线将消失 而在单击链接时 它们立即变成浅橙色 通过这种方式可以提示用户鼠标正位于某个链接之上 并且刚才单击过某个链接 由逗号分隔开的两个条目表示后面的样式信息对它们都有效（在这个示例中 逗号分隔的两个条目是a:link和a:visited）
完全使用CSS为页面设置样式的第一步就是决定要为每个元素设置什么样的样式并创建一组样式定义
可以将样式定义存放在两个位置从而将其应用到Web页面上 第一个位置是将其存放在页面顶部<ahead>元素内的<style>标记内 另一种选择是创建一个独立的外部样式表来保存样式定义 并将这个外部样式表文件链接到需要使用它的Web页面
在下一小节将首先介绍把样式定义放在页面上的<style>标记内的技术 然后再介绍怎样引入外部的CSS样式表
将样式信息从style属性移到style区域
如果只对单个页面设置样式 则可以将样式信息嵌入到页面的HTML语言的<head>标记内 如下所示
< xmlns= // w / /x >
<head runat= server >
<title>Styled Page </title>
<style>
![级联样式表 ASP.NET入门教程 5.1.2 CSS 级联样式表[2]](http://img.zhputi.com/uploads/5643/5643bc2f94b5d9ba33659a8536fad4c642630.jpg)
HighlightedText
{
font family: Trebuchet MS ;
Color: Navy;
}
</style>
</head>
<body>
<form id= form runat= server >
<div style= font family: Trebuchet MS ;Color: Navy; >
This is highlighted text </div>
<h class= HighlightedText >
This is also highlighted text </h >
</form>
</body>
</> lishixinzhi/Article/program/net/201311/15350
微信收款码
支付宝收款码