知识大全 ASP.NET入门教程 5.1.2 CSS 级联样式表[3]

Posted 文件

篇首语:真正有知识的人谦虚、谨慎;只有无知的人才冒昧、武断。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 ASP.NET入门教程 5.1.2 CSS 级联样式表[3]相关的知识,希望对你有一定的参考价值。

ASP.NET入门教程 5.1.2 CSS 级联样式表[3]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

    这些代码和前面示例中所使用的代码是一样的 注意怎样使用<style>标记在页面的<head>区域内简便地嵌入样式信息 在单个页面中使用这种技术是很好的 实际上 如果曾经将Word文档保存为HTML 将看到这种技术用于定义文档的样式从而使得该文档呈现为HTML 作者在Word 中将这个文件保存为Web Page(Filtered) 这种方式产生的HTML代码比在Word中将这个文件保存为Web Page时自动产生的标准代码要整洁得多 在保存该文件之后 作者查看了产生的源代码 并发现了如下所示的样式定义 它们描述了在本章中使用的某些高亮区域是怎样定义的

 

p code li code div code

  margin top: cm ;

  margin right: cm ;

  margin bottom: cm ;

  margin left: pt ;

  margin bottom: pt ;

  line height: %;

  font size: pt ;

  font family:Courler;: 

    这种技术对于创建要在多个页面中使用样式信息的站点并不理想 因为开发人员必须为站点内的每个页面单独地复制<styled>标记和样式定义 对这种情况的解决方案是将样式定义移到一个单独的CSS文件中

    将样式信息移动到单独的CSS文件中

    这可能是最简单的一个步骤 一旦将样式定义封装在<style>标记之内以后 将这些信息提取到一个单独的样式表中实在是一件非常容易的事情 开发人员需要进行的所有工作就是创建一个扩展名为 CSS的文件 将Web页面内的样式信息复制到该文件中 并以如下方式添加该样式表的链接

 

<head runat= server >

  <title>Styled Page </title>

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

</head>

    样式表文件中只包含样式信息 因此可以说现在己拥有一个包含所有样式代码的样式表

 

HighlightedText

    font family: Trebuchet MS ;

    color: Navy;

a:link a:visited

    color: #cc ;

    text decoration: underline;

a:hover

    text decoration: none;

a:active

    color: #ff ;

    text decoration: underline;

cha138/Article/program/net/201311/15351

相关参考

知识大全 ASP.NET入门教程 5.1.2 CSS 级联样式表[1]

ASP.NET入门教程5.1.2CSS级联样式表[1]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧

知识大全 ASP.NET入门教程 5.1.2 CSS 级联样式表[4]

ASP.NET入门教程5.1.2CSS级联样式表[4]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧

知识大全 ASP.NET入门教程 2.2.4Master页面中使用级联样式表[5]

ASP.NET入门教程2.2.4Master页面中使用级联样式表[5]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶

知识大全 ASP.NET入门教程 2.2.4Master页面中使用级联样式表[4]

ASP.NET入门教程2.2.4Master页面中使用级联样式表[4]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶

知识大全 ASP.NET入门教程 2.2.4Master页面中使用级联样式表[3]

ASP.NET入门教程2.2.4Master页面中使用级联样式表[3]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶

知识大全 ASP.NET入门教程 2.2.4Master页面中使用级联样式表[2]

ASP.NET入门教程2.2.4Master页面中使用级联样式表[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶

知识大全 ASP.NET入门教程 2.2.4Master页面中使用级联样式表[1]

ASP.NET入门教程2.2.4Master页面中使用级联样式表[1]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶

知识大全 ASP.NET入门教程 5.3 样式和布局的最佳实践

ASP.NET入门教程5.3样式和布局的最佳实践  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!&n

知识大全 ASP.NET入门教程 5.1 为站点设里样式

ASP.NET入门教程5.1为站点设里样式  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!