鱼C论坛

 找回密码
 立即注册
查看: 3193|回复: 18

[已解决]css文件引入没有效果

[复制链接]
发表于 2022-4-6 16:47:50 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
这是html代码
<!docype html>
<html>
<head>
<meta charset="utf-8">
<title>网页设计</title>
<link rel="stylesheet" href="syle19.css" type="text/css">
        </head>
        <body>
        <h2>为什么要跟着新闻网站学网页设计?(图)</h2>
        <p class="one"><em   class="blue">2021年3月5日   11:08</em><em   class="blue">黑马网</em><em class="gray">我有话说(<em id="num">802<em>人参与)</em></p>
        <hr />
        <p class="two">在许多设计师看来,新闻网站简直就是无趣,冗长,枯燥的代名词,跟炫酷惹眼的设计一点边儿都不沾边儿好吗?</p>
        <p>那小编可要提醒你喽,你对新闻网站的观点可是落后了十年,黑马网<em class="blue">[微博]</em>和传教育<em class="blue">[微博]</em>于2021年3月在京举办"新闻网站设计培训思考主题会".更利于新手设计师理解用户体验的意义.</p>
        <p class="four">新闻网站的优秀之处就在于标准,没有浮夸的炫技,却不乏相当惊艳的用户体验.</p>
        <p>黑马网<em class="blue">[微博]</em>还表示新闻网站想要好看,拥有良好的用户体验,就需要更精心的页面布置.</p>
        </body>
</html>

这是css代码
@charset "utf-8";
/* CSS Document */
*{padding: 0; margin: 0;}
body{
        font: 14px/24px "宋体";
        color: #000;
}
h2{
        font: normal 22px/35px "微软雅黑";
        color: #072885;
        text-align: center;
}
.one{
        font-size: 12px;
        text-align: center;
}
p{text-indent: 2em;}
.blue{color: #3d6cb0;}
.gray{ color: #666;}
#num{ color: #b60c0c;}
em{ font-style: normal;}
.two{ font-family: "楷体_GB2312";}
.four{ font-weight: bold;}
我照着学校书上打的然后他css文件就是没有效果
求告知
最佳答案
2022-4-6 17:34:48
ytdyt 发表于 2022-4-6 17:33
没有啊我的css文件名就是syle19.css

那你的 css 文件跟你的 html 文件是一个目录下的吗?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2022-4-6 17:25:54 | 显示全部楼层
你的 css 文件命名为 style19.css 吧,你的 html 代码那里写错了,写成了 syle19.css ,写少了个 t

<!docype html>
<html>
<head>
<meta charset="utf-8">
<title>网页设计</title>
<link rel="stylesheet" href="style19.css" type="text/css">
        </head>
        <body>
        <h2>为什么要跟着新闻网站学网页设计?(图)</h2>
        <p class="one"><em   class="blue">2021年3月5日   11:08</em><em   class="blue">黑马网</em><em class="gray">我有话说(<em id="num">802<em>人参与)</em></p>
        <hr />
        <p class="two">在许多设计师看来,新闻网站简直就是无趣,冗长,枯燥的代名词,跟炫酷惹眼的设计一点边儿都不沾边儿好吗?</p>
        <p>那小编可要提醒你喽,你对新闻网站的观点可是落后了十年,黑马网<em class="blue">[微博]</em>和传教育<em class="blue">[微博]</em>于2021年3月在京举办"新闻网站设计培训思考主题会".更利于新手设计师理解用户体验的意义.</p>
        <p class="four">新闻网站的优秀之处就在于标准,没有浮夸的炫技,却不乏相当惊艳的用户体验.</p>
        <p>黑马网<em class="blue">[微博]</em>还表示新闻网站想要好看,拥有良好的用户体验,就需要更精心的页面布置.</p>
        </body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 17:33:15 | 显示全部楼层
isdkz 发表于 2022-4-6 17:25
你的 css 文件命名为 style19.css 吧,你的 html 代码那里写错了,写成了 syle19.css ,写少了个 t

没有啊我的css文件名就是syle19.css
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-4-6 17:34:48 | 显示全部楼层    本楼为最佳答案   
ytdyt 发表于 2022-4-6 17:33
没有啊我的css文件名就是syle19.css

那你的 css 文件跟你的 html 文件是一个目录下的吗?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 17:35:12 | 显示全部楼层

                               
登录/注册后可看大图
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 17:36:18 | 显示全部楼层
图片一直不出来啊为啥
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 17:37:09 | 显示全部楼层
我都放在那个js文件夹里面
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 17:39:46 | 显示全部楼层
isdkz 发表于 2022-4-6 17:34
那你的 css 文件跟你的 html 文件是一个目录下的吗?

是在一个目录里面啊
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-4-6 17:42:20 | 显示全部楼层
ytdyt 发表于 2022-4-6 17:36
图片一直不出来啊为啥

可能被审核了,你把它放到图床吧

图床
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 17:45:33 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 17:46:36 | 显示全部楼层
isdkz 发表于 2022-4-6 17:42
可能被审核了,你把它放到图床吧

图床

已经发了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-4-6 17:59:23 | 显示全部楼层
ytdyt 发表于 2022-4-6 17:45
https://imgtu.com/i/qvEk8J

那不应该呀,我这里是正常的,你没保存?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 18:00:00 | 显示全部楼层
isdkz 发表于 2022-4-6 17:59
那不应该呀,我这里是正常的,你没保存?

我草?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 18:01:09 | 显示全部楼层
isdkz 发表于 2022-4-6 17:59
那不应该呀,我这里是正常的,你没保存?

是不是软件的问题啊我用的HBuilder X
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 18:03:53 | 显示全部楼层
isdkz 发表于 2022-4-6 17:59
那不应该呀,我这里是正常的,你没保存?

我这边是没有css的效果只有html里的没有字体颜色和别的你的有颜色吗?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-4-6 18:05:45 | 显示全部楼层
ytdyt 发表于 2022-4-6 18:03
我这边是没有css的效果只有html里的没有字体颜色和别的你的有颜色吗?

07.PNG
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-4-6 18:06:41 | 显示全部楼层
ytdyt 发表于 2022-4-6 18:01
是不是软件的问题啊我用的HBuilder X


跟软件没有关系吧,软件只是编辑而已,看效果拿浏览器看就行了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 18:07:10 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2022-4-6 18:24:36 | 显示全部楼层
isdkz 发表于 2022-4-6 18:06
跟软件没有关系吧,软件只是编辑而已,看效果拿浏览器看就行了

我的可以了,我新建了一个项目然后没在里面自带的目录里面做然后运行就可以了之前的就不行
谢谢大佬了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-22 15:11

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表