2-13编程练习 css为何以文件夹形式显示，怎么写代码？

2-13编程练习 css为何以文件夹形式显示，怎么写代码？

老师，你好！作业中路径关系是index包含1)css文件夹，2）index.html文件，那么css文件夹里面再套css文件吗？谢谢！http://img1.sycdn.imooc.com//climg/5be054d7000161c606970396.jpg
江7856 2018-11-05
源自：CSS选择的艺术   2-13 编程练习
0
收起

正在回答

登陆购买课程后可参与讨论，去登陆吧

11回答
妮可妮可妮_ 回答被采纳获得+3积分 2018-11-07 17:03:02

http://img1.sycdn.imooc.com//climg/5be2aa410001f08307380366.jpg

祝学习愉快!

0
收起回答
  • 江7856 提问者 #1
    老师，你好！实现红色了。而用@import url(css.css);没法变色。感谢！
    2018-11-07 19:01:52
  • 妮可妮可妮_ 回复 提问者 江7856 #2
    @import方法有很多弊端不建议使用哦~现在实际项目中一般都会选择使用link标签,祝学习愉快!
    2018-11-07 19:14:15
提问者 江7856 2018-11-07 15:51:08

老师，您好！作业要求是用css导入式,但这里为何用外部样式，修改后没有显示红色。

http://img1.sycdn.imooc.com//climg/5be2994700016fc704450120.jpg

http://img1.sycdn.imooc.com//climg/5be2994700018dbb07380366.jpg


0
收起回答
妮可妮可妮_ 2018-11-07 14:43:32

http://img1.sycdn.imooc.com//climg/5be288c200010a2805490147.jpg

你好同学

  1. 看了你的截图,css文件应该加上.css后缀

  2. 同学在html文件中引入的方式不对,在html中引入样式需要在head标签中使用link标签引入,如下图所示:

    http://img1.sycdn.imooc.com//climg/5be2895b00018b5b05810407.jpg


  3. <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
</body>
</html>

    祝学习愉快!

0
收起回答
提问者 江7856 2018-11-07 14:13:22

你好！在大家的帮助下，我有点开窍了，但红色还是没能显现，请帮助看一下截图。

http://img1.sycdn.imooc.com//climg/5be2825d00011b2606030140.jpg

http://img1.sycdn.imooc.com//climg/5be2825d0001532b06300339.jpg

http://img1.sycdn.imooc.com//climg/5be2825d00010a5f05500145.jpg


0
收起回答
妮可妮可妮_ 2018-11-07 11:27:33

问题一. 同学的电脑可能设置了没有显示文件后缀名,建议按照下面步骤设置:

第一步:打开文件夹,点击左上方的组织，选择里面的文件夹和搜索选项，如下图所示：

http://img1.sycdn.imooc.com//climg/5be25a35000100b003480413.jpg

第二步:点击文件夹和搜索选项，进去后点击"查看"，在“查看”里面下拉找到“隐藏已知文件类型的扩展名”，将里面的勾取消，注意保存配置哦~如下图所示：

http://img1.sycdn.imooc.com//climg/5be25a54000140f203960443.jpg

问题二.

同学编辑器上的index.html.css文件猜测是创建文件时, 类型写错了所以会出现这种情况,

具体如何实现建议重新观看视频HTML基础中1-2 HTML基础语法,1分50秒左右,以下为视频链接:https://class.imooc.com/lesson/191#mid=3398

祝学习愉快!

0
收起回答
提问者 江7856 2018-11-07 10:20:17

你好！编辑的index.html文件在sublime上显示是有后缀css的，且无法删除；而浏览器上显示的是编辑器上内容，不知为什么？感谢解答！（请参考下面截图）


0
收起回答
提问者 江7856 2018-11-06 19:59:54

http://img1.sycdn.imooc.com//climg/5be182180001b0a406140353.jpg

http://img1.sycdn.imooc.com//climg/5be1822800014d3107200139.jpg


0
收起回答
妮可妮可妮_ 2018-11-06 14:23:36

http://img1.sycdn.imooc.com//climg/5be13233000138f406590173.jpghttp://img1.sycdn.imooc.com//climg/5be132650001863106700135.jpg

第一:如图所示,css文件以.css结尾,html文件以.html结尾

同学的文件后缀是不正确的,html文件正确名为:index.html, css文件正确名为:index.css,如上图所示

第二:同学在html文件中引入的方式不对,在html中引入样式需要在head标签中使用link标签引入,如下图所示:

http://img1.sycdn.imooc.com//climg/5be1334d0001a64205800403.jpg

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>css样式表</title>
<!--补充代码-->
<!-- <style type="text/css">
        
    </style> -->
<link rel="stylesheet" href="css/index.css">
</head>

<body>
<div>
用导入式给div里面的位置设置样式，字体颜色是红色。
</div>
</body>

</html>

祝学习愉快!

0
收起回答
  • 提问者 江7856 #1
    老师，你好！这个(index.html).css后缀是电脑自己加上去的，我没法删除，可能是ie浏览器打不开的缘故，搜狗浏览器显示的是我编写代码的内容，原封不动。
    2018-11-06 19:56:19
提问者 江7856 2018-11-06 12:57:07 
<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>css样式表</title>
    <!--补充代码-->
    <style type="text/css">
     @import url(css/css.txt)
    </style>
</head>
<body>
<div>
用导入式给div里面的位置设置样式，字体颜色是红色。
</div>
</body>
</html>
以上有问题吗，请帮助看一下，谢谢！


0
收起回答
提问者 江7856 2018-11-06 12:54:07

你好！css必须是独立的文件夹，如何在html文件中引入，在css.xtx文件中编写如下代码，不显色。感谢解答！http://img1.sycdn.imooc.com//climg/5be11e690001d26405400134.jpg

0
收起回答
  • 幕布斯4403097 #1
    你的文件后缀名一团糟，就没写正确一个，怎么可能会变色，出效果呢？
    2018-11-07 10:30:54
  • 幕布斯4403097 #2
    css文件名加上扩展名，写正确的前提下，在独立的css文件夹内，想要在html中引入，应该这样写： <link href="css/css.css rel="stylesheet" type="text/css"> 祝好运~
    2018-11-07 10:33:32
妮可妮可妮_ 2018-11-06 09:57:58

http://img1.sycdn.imooc.com//climg/5be0f4d300014aa307020277.jpg

你好童鞋:

建议将css代码与html代码分开两个文件来写,然后新建css文件夹,将css文件放进去并将css文件在html文件中引入,(css代码是写在css文件中的,然后将文件放入文件夹)

从一开始就养成良好的编码习惯，以后会受益良多。

祝学习愉快!

0
收起回答
问题已解决，确定采纳
还有疑问，暂不采纳

恭喜解决一个难题，获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

2-9代码保存了，怎么找不到？
0 0 11
不知道文件的编码方式，如何将文件解码和转码
16 2 5
为什么css文件和image文件打不开？
0 0 3
为什么我的图片显示有问题
3 0 5
在css文件夹下没有css文件生成
37 0 6

登录后可查看更多问答，登录/注册

前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

了解课程

本课精华内容

问答 作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码，添加
你的专属老师