[HTML] css中 <style>标签 第一行无效
如题我的*.html中的链接如下：<linkrel="stylesheet"type="text/css"href="style/stl.css"/>我的stl.css中...
如题
我的 *.html 中的链接如下：
<link rel="stylesheet" type="text/css" href="style/stl.css"/>
我的 stl.css 中的内容如下：
<style type="text/css">
h1 {color:red}
h2 {color:blue}
body {background-color:#808000}
p {color:blue}
</style>
不管怎样修改，写在第一行的效果都出不来
放到 *.html 中就没有问题
小白刚开始学习html编程，求大神指导啊~ 展开
我的 *.html 中的链接如下：
<link rel="stylesheet" type="text/css" href="style/stl.css"/>
我的 stl.css 中的内容如下：
<style type="text/css">
h1 {color:red}
h2 {color:blue}
body {background-color:#808000}
p {color:blue}
</style>
不管怎样修改，写在第一行的效果都出不来
放到 *.html 中就没有问题
小白刚开始学习html编程，求大神指导啊~ 展开
3个回答
展开全部
html中引入外部的css样式有2种方式，一般是将引入的css文件放在head里，这样就可以第一时间加载样式：
方式一：
<style type="text/css"> @import url("style.css")</style>
方式二：
<link type="text/css" rel=stylesheet href="style.css">
css文件的里直接写样式即可
html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- 方法一： -->
<style type="text/css"> @import url("./style.css")</style>
<!-- 方法二： -->
<link type="text/css" rel=stylesheet href="./style.css">
</head>
<body>
<div id="haha">haha</div>
</body>
</html>
css代码：
#haha{
color:red;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先css里面不能有html标签，一有了，整个css就废了（意思是整个cs就解析不出来了！），正确外部样式表的代码如下：
h1 {color:red}
h2 {color:blue}
body {background-color:#808000}
p {color:blue}
才对！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
亲，<style type="text/css">
h1 {color:red}
h2 {color:blue}
body {background-color:#808000}
p {color:blue}
</style>
这里写在css文件里面就不用加<style></style>这个标签了
h1 {color:red}
h2 {color:blue}
body {background-color:#808000}
p {color:blue}
</style>
这里写在css文件里面就不用加<style></style>这个标签了
追问
那么css文件中的内容都是样式喽？
追答
是的，还有像js文件里面也不需要写标签了
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
