知识大全 ASP.NET入门教程 5.1.2 CSS 级联样式表[1]
Posted 元素
篇首语:知识的根是苦的,它的果实是甜的。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 ASP.NET入门教程 5.1.2 CSS 级联样式表[1]相关的知识,希望对你有一定的参考价值。
ASP.NET入门教程 5.1.2 CSS 级联样式表[1] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
样式表的概念从出现至今已有数年的时间(它最初是由W C在 年 月作为一个建议提出来的) 每个设计得很优秀的站点都包含有一个定义明确的css样式表 这个样式表为站点定义了一个特定的外观 使用样式表 开发人员可以定义页面上每种类型的元素应怎样显示 同时还可以为特定的样式创建定义并将其应用于页面上的相关元素 例如 可以指定每个<div>标记的实例都应包含藏青色的文本 或者也可以定义一个名为HighlightedText的样式类((class) 然后将其应用于页面上的所有<div>标记以及类似的元素 下面是一个样式表的一部分代码 其中分别定义了这两种样式
div
font family: Trebuchet MS ;
color: Navy;
HighlightedText
font family: Trebuchet MS ;
color: Navy;
注意这两者之间的惟一差别是HighlightedText类的前面有一个点号 这个类名是用户自定义的 点号表示可以将这个区域作为一个类应用于任意元素 而不用为某种特定类型的元素定义默认样式
为了将样式用于元素 并不需要对元素本身进行任何修改 只要页面知道在什么地方能够找到样式信息 样式就可以自动地得以应用(稍后将讨论怎样定位样式信息) 然而 为元素指定某个特定的自定义类样式时 可以使用Class属性 例如
<div class= HighlightedText >This is highlighted text </div> <h class= HighlightedText >This is also highlighted text </h >
虽然在本书中看不到文本的颜色 但是可以看到在前面的样式类定义的字体样式己经应用于这两个元素
当然 如果亲自进行这个练习 将看到字体呈藏青色
样式的语法
样式定义包含在花括号之间 开括号的位置可以紧跟在元素或类名的后面 也可以另起一行 例如 div样式可以重写为如下形式
div
font family: Trebuchet MS ;
color: Navy;
可以任意选择自己喜欢的样式──就作者个人而言 我喜欢将所有的括号放在一条垂直线上对齐
ASP NET 入门教程完整版
cha138/Article/program/net/201311/15352相关参考
知识大全 ASP.NET入门教程 5.1.2 CSS 级联样式表[4]
ASP.NET入门教程5.1.2CSS级联样式表[4] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧
知识大全 ASP.NET入门教程 5.1.2 CSS 级联样式表[3]
ASP.NET入门教程5.1.2CSS级联样式表[3] 以下文字资料是由(全榜网网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为站点设里样式 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!