ytdyt 发表于 2022-4-6 16:47:50

css文件引入没有效果

这是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文件就是没有效果
求告知{:10_266:}

isdkz 发表于 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>

ytdyt 发表于 2022-4-6 17:33:15

isdkz 发表于 2022-4-6 17:25
你的 css 文件命名为 style19.css 吧，你的 html 代码那里写错了，写成了 syle19.css ，写少了个 t




没有啊我的css文件名就是syle19.css

isdkz 发表于 2022-4-6 17:34:48

ytdyt 发表于 2022-4-6 17:33
没有啊我的css文件名就是syle19.css

那你的 css 文件跟你的 html 文件是一个目录下的吗？

ytdyt 发表于 2022-4-6 17:35:12

"C:\Users\qwe\OneDrive\桌面\QQ图片20220406173352.png"

ytdyt 发表于 2022-4-6 17:36:18

图片一直不出来啊为啥

ytdyt 发表于 2022-4-6 17:37:09

我都放在那个js文件夹里面

ytdyt 发表于 2022-4-6 17:39:46

isdkz 发表于 2022-4-6 17:34
那你的 css 文件跟你的 html 文件是一个目录下的吗？

是在一个目录里面啊

isdkz 发表于 2022-4-6 17:42:20

ytdyt 发表于 2022-4-6 17:36
图片一直不出来啊为啥

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

图床

ytdyt 发表于 2022-4-6 17:45:33

https://imgtu.com/i/qvEk8J

ytdyt 发表于 2022-4-6 17:46:36

isdkz 发表于 2022-4-6 17:42
可能被审核了，你把它放到图床吧

图床

已经发了

isdkz 发表于 2022-4-6 17:59:23

ytdyt 发表于 2022-4-6 17:45
https://imgtu.com/i/qvEk8J

那不应该呀，我这里是正常的，你没保存？

ytdyt 发表于 2022-4-6 18:00:00

isdkz 发表于 2022-4-6 17:59
那不应该呀，我这里是正常的，你没保存？

我草?

ytdyt 发表于 2022-4-6 18:01:09

isdkz 发表于 2022-4-6 17:59
那不应该呀，我这里是正常的，你没保存？

是不是软件的问题啊我用的HBuilder X

ytdyt 发表于 2022-4-6 18:03:53

isdkz 发表于 2022-4-6 17:59
那不应该呀，我这里是正常的，你没保存？

我这边是没有css的效果只有html里的没有字体颜色和别的你的有颜色吗?

isdkz 发表于 2022-4-6 18:05:45

ytdyt 发表于 2022-4-6 18:03
我这边是没有css的效果只有html里的没有字体颜色和别的你的有颜色吗?

isdkz 发表于 2022-4-6 18:06:41

ytdyt 发表于 2022-4-6 18:01
是不是软件的问题啊我用的HBuilder X

跟软件没有关系吧，软件只是编辑而已，看效果拿浏览器看就行了

ytdyt 发表于 2022-4-6 18:07:10

isdkz 发表于 2022-4-6 18:05


{:10_266:}这是为啥啊

ytdyt 发表于 2022-4-6 18:24:36

isdkz 发表于 2022-4-6 18:06
跟软件没有关系吧，软件只是编辑而已，看效果拿浏览器看就行了

我的可以了,我新建了一个项目然后没在里面自带的目录里面做然后运行就可以了之前的就不行{:10_282:}
谢谢大佬了{:10_286:}
页: [1]
查看完整版本: css文件引入没有效果