熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET入門教程 5.1.2 CSS 級聯樣式表[2]

2022-06-13   來源: .NET編程 

    也可以對樣式信息使用類似錨標記(<a>)這種帶有特定變化的標記從而在將鼠標放置在這些標記上時它們的外觀能夠自動發生變化如下所示

 

a:link a:visited

{

    color: #cc;

    textdecoration: underline;

}

a:hover

{

    textdecoration: none;

}

a:active

{

    color: #ff;

    textdecoration: underline;

}

    此代碼將在頁面上顯示帶有下劃線的紅色鏈接當用戶將鼠標放在鏈接上時下劃線將消失而在單擊鏈接時它們立即變成淺橙色通過這種方式可以提示用戶鼠標正位於某個鏈接之上並且剛才單擊過某個鏈接由逗號分隔開的兩個條目表示後面的樣式信息對它們都有效(在這個示例中逗號分隔的兩個條目是a:link和a:visited)

    完全使用CSS為頁面設置樣式的第一步就是決定要為每個元素設置什麼樣的樣式並創建一組樣式定義

    可以將樣式定義存放在兩個位置從而將其應用到Web頁面上第一個位置是將其存放在頁面頂部<ahead>元素內的<style>標記內另一種選擇是創建一個獨立的外部樣式表來保存樣式定義並將這個外部樣式表文件鏈接到需要使用它的Web頁面

    在下一小節將首先介紹把樣式定義放在頁面上的<style>標記內的技術然後再介紹怎樣引入外部的CSS樣式表

    將樣式信息從style屬性移到style區域

    如果只對單個頁面設置樣式則可以將樣式信息嵌入到頁面的HTML語言的<head>標記內如下所示

 

<html xmlns=http://wwwworg//xhtml>

<head runat=server>

  <title>Styled Page </title>

  <style>

    HighlightedText

    {

      fontfamily: Trebuchet MS;

      Color: Navy;

    }

  </style>

</head>

<body>

  <form id=form runat=server>

    <div style=fontfamily: Trebuchet MS;Color: Navy;>

      This is highlighted text</div>

    <h class=HighlightedText>

      This is also highlighted text</h>

  </form>

</body>

</html>

[]  []  []  []  []  


From:http://tw.wingwit.com/Article/program/net/201311/15350.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.