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

 我来答
不是小号7
高粉答主

2018-11-16 · 说的都是干货,快来关注
知道答主
回答量:219
采纳率:0%
帮助的人:3万
展开全部

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

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

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

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

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

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

mikemelon2012
2015-06-04 · TA获得超过3633个赞
知道大有可为答主
回答量:938
采纳率:87%
帮助的人:375万
展开全部

一共有四种方式添加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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2012-02-17
展开全部
调用外部CSS文件:<link href="css/common.css" rel="stylesheet" type="text/css" />

在页面里添加CSS:
<style>
.aa{}
</style>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
喜欢柔道de司马夏璇
2012-02-17
知道答主
回答量:28
采纳率:0%
帮助的人:19.2万
展开全部
内联样式:<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>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友a9a4d2c
2012-02-17 · TA获得超过320个赞
知道小有建树答主
回答量:248
采纳率:0%
帮助的人:194万
展开全部
使用DW,一切如此简单
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式