Go语言视频零基础入门到精通

吴会 · 发表于 2011-7-29 17:09:32

如何插入样式表

当读到一个样式表时，浏览器会根据它来格局化 HTMLcss 文档。插入样式表的方法有三种：

外部样式表

当样式需要应用于良多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。<link> 标签在（文档的）头部：
[pre]<head>
<link rel="stylesheet" type="text/" href="mystyle." />
</head>[/pre]
浏览器会从文件 mystyle. 中读到样式声明，并根据它来格局文档。

外部样式表可以在任何文本编纂器中进行编纂。文件不能包含任何的标签。样式表应该以 . 扩展名进行保留。下面是一个样式表文件的例子：
[pre]hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}[/pre]
不要在属性值与单位之间留有空格。如果你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ，它仅在 IE 6 中有效，但是在 Mozilla/Firefox 或 Netscape 中却无法正常工作。

内部样式表

当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表，就像这样:
[pre]<head>
<style type="text/">
  hr {color: sienna;}
  p {margin-left: 20px;}
  body {background-image: url("images/back40.gif");}
</style>
</head>
[/pre]
内联样式

因为要将表现和内容混杂在一起，内联样式会损失掉样式表的很多上风。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。

要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style 属性可以包含任何属性。本例展示如何改变段落的颜色和左外边距：
[pre]<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>
[/pre]

多重样式

假如某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更详细的样式表中被继续过来。

例如，外部样式表拥有针对 h3 选择器的三个属性：
[pre]h3 {
  color: red;
  text-align: left;
  font-size: 8pt;
  }[/pre]
而内部样式表拥有针对 h3 选择器的两个属性：
[pre]h3 {
  text-align: right;
  font-size: 20pt;
  }[/pre]
如果拥有内部样式表的这个页面同时与外部样式表链接，那么 h3 得到的样式是：
[pre]color: red;
text-align: right;
font-size: 20pt;[/pre]
即颜色属性将被继续于外部样式表，而文字排列（text-alignment）和字体尺寸（font-size）会被内部样式表中的规则取代。

javalearner · 发表于 2011-7-29 17:10:15

谢谢楼主分享q ！

ddjava · 发表于 2011-7-29 17:19:07

不错的

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶视频教程	Java架构师系统进阶VIP课程	分布式高可用全栈开发微服务教程	Go语言视频零基础入门到精通	Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程	SpringBoot2.X入门到高级使用教程	大数据培训第六期全套视频教程	深度学习（CNN RNN GAN）算法原理	Java亿级流量电商系统视频教程
互联网架构师视频教程	年薪50万Spark2.0从入门到精通	年薪50万！人工智能学习路线教程	年薪50万！大数据从入门到精通学习路线	年薪50万！机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程	深度学习数据分析基础到实战	最新黑马javaEE2.1就业课程	从 0到JVM实战高手教程	MySQL入门到精通教程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

Java亿级流量电商系统视频教程

年薪50万Spark2.0从入门到精通

年薪50万！人工智能学习路线教程

如何创建 CSS

浏览过的版块