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

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

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

    這些代碼和前面示例中所使用的代碼是一樣的注意怎樣使用<style>標記在頁面的<head>區域內簡便地嵌入樣式信息在單個頁面中使用這種技術是很好的實際上如果曾經將Word文檔保存為HTML將看到這種技術用於定義文檔的樣式從而使得該文檔呈現為HTML作者在Word 中將這個文件保存為Web Page(Filtered)這種方式產生的HTML代碼比在Word中將這個文件保存為Web Page時自動產生的標准代碼要整潔得多在保存該文件之後作者查看了產生的源代碼並發現了如下所示的樣式定義它們描述了在本章中使用的某些高亮區域是怎樣定義的

 

pcode licode divcode

  {margintop:cm;

  marginright:cm;

  marginbottom:cm;

  marginleft:pt;

  marginbottom:pt;

  lineheight:%;

  fontsize:pt;

  fontfamily:Courler;}: 

    這種技術對於創建要在多個頁面中使用樣式信息的站點並不理想因為開發人員必須為站點內的每個頁面單獨地復制<styled>標記和樣式定義對這種情況的解決方案是將樣式定義移到一個單獨的CSS文件中

    將樣式信息移動到單獨的CSS文件中

    這可能是最簡單的一個步驟一旦將樣式定義封裝在<style>標記之內以後將這些信息提取到一個單獨的樣式表中實在是一件非常容易的事情開發人員需要進行的所有工作就是創建一個擴展名為CSS的文件將Web頁面內的樣式信息復制到該文件中並以如下方式添加該樣式表的鏈接

 

<head runat=server>

  <title>Styled Page </title>

    <link href=StyleSheetcss rel=stylesheet type=text/css />

</head>

    樣式表文件中只包含樣式信息因此可以說現在己擁有一個包含所有樣式代碼的樣式表

 

HighlightedText

{

    fontfamily: Trebuchet MS;

    color: Navy;

}

a:link a:visited

{

    color: #cc;

    textdecoration: underline;

}

a:hover

{

    textdecoration: none;

}

a:active

{

    color: #ff;

    textdecoration: underline;

}


[]  []  []  []  []  


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