在网页中如何添加CSS样式表?

如题所述

1.首先打开EditPlus软件,新建一个样式表文件,写入一些样式,如下图所示。

2.接下来我们在建立一个样式表文件,在这个样式表文件中通过import属性导入上一个样式表,如下图所示。

3.然后在html中我们用link标签导入上面声明的样式文件,如下图所示。

4.接下来我们运行HTML文件,我们可以看到虽然只导入了一个样式文件,但是两个样式表的样式都加载进来了,如下图所示。

5.另外在运用import的时候一定不要放在样式下面,如下图所示,这样是不生效的。

6.最后运用import导入样式也不要忘了分号,如下图所示,忘了分号也是不生效的。

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-06-04

一共有四种方式添加CSS样式:

1)内联样式。只是为单个元素指定一些CSS样式,就是在html的标签添加style属性,把样式直接写进去,例如:

<p style="color: gray;">This is a test</p>

2)内嵌样式表。就是把CSS样式写入当前html文档,用<style>标签包含进去,放在<head>里,例如:

...
<head>
   ...
  <style type="text/css">
       p { color: gray }
        ...
   </style>
</head>
...

3)@import指令引入外部样式表。@import指令必须放在样式表(包括<style>或其他外部样式表)开头,还可以加可选的文档标记,标明用于什么媒体,例如:

...
<head>
   ...
  <style type="text/css">
       @import url(mystyle.css) screen
        ...
   </style>
</head>
...

4)<link>标签引入外部样式表,把css文件的位置指定给其href属性。<link>标记需放到html文档的<head>里,也能加可选的文档标记,标明用于什么媒体。例如:

...
<head>   
...
<link rel="stylesheet" type="text/css" href="mystyle.css" media="screen"/>
...
</head>

第2个回答  2012-02-17
调用外部CSS文件:<link href="css/common.css" rel="stylesheet" type="text/css" />

在页面里添加CSS:
<style>
.aa{}
</style>
第3个回答  2012-02-17
内联样式:<style type="text/css">.top{width:xxpx;}</style> 放天head里面
内嵌样式:<div style="width:xxpx; height::xxpx;"></div>
外联样式:<link rel="stylesheet" type="text/css" href="css.css">放天head里面
内容区在调用外联和内联的样式时:<div class="top"></div>本回答被提问者和网友采纳
第4个回答  2012-02-17
使用DW,一切如此简单

css嵌入到页面中(css移入显示)
第一种:行内式样式插入CSS样式 在html文件中输入如上图所示的内容。这时候在使用浏览器打开,就实现插入CSS样式。如上图所示。第二种:嵌入式样式插入CSS样式 在html文件中输入如上图所示的内容。这时候在使用浏览器打开,就实现插入CSS样式。如上图所示。第三种:外部样式表插入CSS样式 在html文件中...

CSS样式表嵌入到网页中的几种方法
1. 链入外部样式表 链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用标记链接到这个样式表文件,这个标记必须放到页面的区内,如下: …… …… 上面这个例子表示浏览器从mystyle.css文件中以文档格式读出定义的样式表。rel=”stylesheet”是指在页面中使用这个外部的样式表。type=...

如何引入css样式?
引入css样式的方式有几种1.使用HTML标签的STYLE属性 将STYLE属性直接加在单个的HTML元素标签上,控制HTML标签的表现样式。这种引入CSS的方式是分散灵活方便,但缺乏整体性和规划性,不利于后期的修改和维护,当需要修改网站的样式时,一个相同的修改可能涉及多个地方,维护成本高。使用STYLE属性的样式效果最强...

在网页中插入CSS样式表的几种方法
在网页中插入CSS样式表有四种方法 链入外部样式表 链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用标记链接到这个样式表文件,这个标记必须放到页面的区内,如下: …… …… 内部样式表 内部样式表是把样式表放到页面的区里,这些定义的样式就应用到页面中了,样式表是用标记插入的...

在html中怎样使用css样式
(1)行内式 网页中css的导入方式 (2)嵌入式 P{ color:red } 嵌入式一般写在head中,对于单个页面来说,这种方式很方便。(3)导入式 <!-- 导入外部样式:在内部样式表的标记之间导入一个外部样式表,导入时用@import。 --> import "jisuan.css"; (4)链接式 导入式和链接式差不...

用FrontPage巧做样式表
一、三种添加CSS的方式 在FrontPage 2000里可以通过三种方式给网页增加样式表。1、页面链接一个外部的样式表文件,这种方法可以使多个页面使用同一个样式表文件,方便保持页面的主题。步骤:启动FrontPage 2000,然后依次点"文件"、"新建"、"网页",打开FrontPage 2000的新建对话框,选择"样式表"选项。在...

dreamweaver怎么附加css样式表
1、打开需要插入外部样式的网页 2、按照如下的方式添加外部样式 1)点击“css样式的小图标”2)点击“附加样式表”3)选择需要附加的样式表,勾选链接,确定即可

dreamweaver怎么插入外部css样式表
1、打开需要插入外部样式的网页 2、按照如下的方式添加外部样式 1)点击“css样式的小图标”2)点击“附加样式表”3)选择需要附加的样式表,勾选链接,确定即可

CSS语法的如何插入样式表
1.内联样式 内联样式是在标记的style属性中设定CSS样式。如下面的例子将h1的内容标记为黑底白字。2.内部样式表 内部样式是将CSS样式集中写在网页的标签对的标签对中。如对本网页所有的h1标记都设置为黑底白字:3.外部样式表 当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的...

Dreamweaver中插入网页样式css样式\/文件位置有哪几种方法
如果对写代码不是很流利的话可以用DW 手动引入,操作步骤图片如下:选择好了点击确认就可以了。添加好了之后你会看到就是上面所示的代码!那么第二种添加css样式的方法是网页里添加css样式 .header{} (这种方式不推荐哦)第三种就是在你需要给某个区块添加特殊的样式比如 你的div区块里的特定区块...

相似回答