网站开发如何添加CSS样式表

CSS的步骤一步,如何添加到您的网页CSS样式表?

层叠样式表基本上有两部分:

  • 样式
  • 样式表

这意味着,当你想学习CSS,你需要学习的样式属性 - 样式 - 这些属性的位置 - 样式表。
在易雅达这篇文章中,您将学习如何放置你的样式表,让你可以使用在一个页面上,所有整个网站 。

内联CSS样式(没有样式表)

内联样式是在一个标签中设置样式。他们不仅影响当前的标签,每个页面上的其他类似的标签的默认样式。例如,如果你想要一个段落有一个灰色的背景,你可以使用内联样式:

<p style="background-color : #cccccc; border : none;">
本段内联样式 ​​,改变背景颜色为灰色
</p>


风格被定义为“风格”元素本身的属性。

一个文档的CSS样式表

  • 如果你想建立一个样式表来影响一个网页,你可以用在您的文档的头部中的样式表。为此,您使用的<style></style>在您的Web文档中<head>的标记。

下面是使用这些样式表的一些网站开发技巧:

使用<style>标签的属性定义浏览器应该期望
什么<style type="text/css">
使用注释
,注释标记,确保旧的浏览器不显示你的样式表
。<style
type="text/css"> <
-样式
属性-
> </style>

思考你的

  • 风格在许多情况下,你不需要设置许多不同的样式,只是基本的,包括如何应在您的网页上显示文本和其它元素 。如果你不打算有任何红色,闪烁,36点页面上的头条新闻,然后定义一个样式,因为这是浪费的带宽。

外部链接站点宽样式的样式表,让你使用整个网站一个样式表。

有两种方法可以做到这:

连接
<link rel="stylesheet" type="text/css" href="styles.css">
进口(Internet Explorer只)
<style type="text/css">
@import URL (https://www.yiyada.com/styles.css);
</style>

连接
<link rel="stylesheet" type="text/css" href="styles.css">

进口(Internet Explorer只)
<style type="text/css">
@import URL (https://www.yiyada.com/styles.css);
</style>

进口只有Internet Explorer支持允许您创建多个样式表,是独立于浏览器,但不依靠 DHTML和JavaScript检测浏览器。

创建三个样式表:

  • 一个通用的之一,其中将包括最基本的stylesgeneric.css
  • 互联网Explorerie styles.css的
  • Netscapens - styles.css的
在您的文档的头部加载在这个顺序:

通用样式表
<link rel="stylesheet" type="text/css" href="generic.css">

Netscape的样式表
<link rel="stylesheet" type="text/css" href="ns-styles.css">

IE浏览器的样式表(使用导入命令)
<style type="text/css">
@进口网址(https://www.yiyada.com/ie-styles.css);
</style>

由于级联,IE浏览器的样式表将“覆盖”的风格在Netscape样式表的规则,当在Internet Explorer中查看。和Netscape将不加载所有导入的样式表。