设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 萌新训练营 › 萌新交流区 › WEB HTML5 课后习题4求助
返回列表 发新帖
查看: 2046|回复: 12

[已解决]WEB HTML5 课后习题4求助

[复制链接]
shriek
发表于 2021-8-8 14:43:37 | 显示全部楼层 |阅读模式
2鱼币
题目、我的回答和答案如下图
我的疑惑：<div class........></div>是啥玩意，我查了HTML速查宝典也没找到，为什么我把<h1>、<p>标签放在<div>内外显示效果截然不同（sytle 已经确定了位置）
最佳答案
月排行榜 / 总排行榜
大马强
2021-8-8 14:43:38
我试了试，把p放到div上面或者下面都是这样的结果

                               
登录/注册后可看大图

我还没学到js哪部分，我感觉有可能时js的作用或者时 page page-meteor-canvas的css代码的作用
QQ截图20210808143724.png
QQ截图20210808143736.png
QQ截图20210808143642.png

最佳答案

大马强

查看完整内容

我试了试，把p放到div上面或者下面都是这样的结果 我还没学到js哪部分，我感觉有可能时js的作用或者时 page page-meteor-canvas的css代码的作用
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

大马强
发表于 2021-8-8 14:43:38 | 显示全部楼层    本楼为最佳答案   
我试了试，把p放到div上面或者下面都是这样的结果

                               
登录/注册后可看大图

我还没学到js哪部分，我感觉有可能时js的作用或者时 page page-meteor-canvas的css代码的作用
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

大马强
发表于 2021-8-8 15:01:31 | 显示全部楼层
  1. <div class........></div>
复制代码

这里面的class和id之类的都是属性，每一个标签几乎都会有的，用来区分其他相同标签
比如说
  1. div {
  2.             width: 200px;
  3.             height: 200px;
  4.             border-radius: 20px;
  5.             color: white;
  6.             background-color: #cb4042;
  7.             text-align: center;
  8.         }

  10.         .aaa {
  11.             color: red;
  12.         }
  13.     </style>
  14. </head>

  16. <body>
  17.     <div>1</div>
  18.     <div>2</div>
  19.     <div class='aaa'>3</div>
  20.     <div>4</div>
复制代码

我想要第三个div变为红色，就可以这样搞
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

大马强
发表于 2021-8-8 15:02:05 | 显示全部楼层
而且除了颜色之外，其他都不会有改变
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

shriek
 楼主| 发表于 2021-8-8 15:15:26 | 显示全部楼层
大马强 发表于 2021-8-8 15:02
而且除了颜色之外，其他都不会有改变

谢谢，div我听你的描述大致明白了，就是在前面封装好模块然后用div引用？等会儿我再去查一下明确一下。问题是问题没有解决，我还是没有明白为什么前后效果不一样。我看了下小甲鱼答案里也没有和你的aaa一样提前封装fishc。答案代码如下
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>鱼C-陪你去看流星雨</title>
  6.     <script src="js/jquery.js"></script>
  7.     <script src="js/fishc.js"></script>
  8.     <link rel="stylesheet" href="css/fishc.css">

  10.     <style type="text/css">
  11.         h1{
  12.             margin-top: 30px;
  13.         }

  15.         p{
  16.             font-size: 20px;
  17.         }

  19.         a{
  20.             margin-left: 50%;
  21.             text-decoration: none;
  22.             color: #fff;
  23.         }
  24.     </style>
  25. </head>

  27. <body>
  28.     <div class="fishc">
  29.         <h1>纪念王小波</h1>
  30.         <p>不愿清醒，宁愿一直沉迷放纵。</p>
  31.         <p>不知归路，宁愿一世无悔追逐。</p>
  32.         <a href="http://bbs.fishc.com">——by FishC.com</a>
  33.     </div>

  35.     <div class="page page-meteor-canvas">
  36.         <canvas id="buffer"></canvas>
  37.         <canvas id="canvas"></canvas>
  38.     </div>
  39. </body>
  40. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

shriek
 楼主| 发表于 2021-8-8 15:16:14 | 显示全部楼层
大马强 发表于 2021-8-8 15:02
而且除了颜色之外，其他都不会有改变

甚至head里div都没有写
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

kogawananari
发表于 2021-8-8 17:20:31 | 显示全部楼层
shriek 发表于 2021-8-8 15:15
谢谢，div我听你的描述大致明白了，就是在前面封装好模块然后用div引用？等会儿我再去查一下明确一下。问 ...

div就是div 无语义 是块级标签的代表  ul nav header标签都是语义化的div 没啥区别
行内标签代表是span 一样的
封装好模块然后引用的是<template>标签 基本没人用 都没实现好
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

大马强
发表于 2021-8-8 18:03:16 | 显示全部楼层
shriek 发表于 2021-8-8 15:16
甚至head里div都没有写


                               
登录/注册后可看大图

你是说没有看到 .fishc css的样式代码吗？
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

shriek
 楼主| 发表于 2021-8-8 19:57:02 | 显示全部楼层
大马强 发表于 2021-8-8 18:06
我试了试，把p放到div上面或者下面都是这样的结果

我还没学到js哪部分，我感觉有可能时js的作用或者时 p ...

行，我知道了，还有css在里面。我只学到HTML，css的话，不熟悉。因为在另一个文件里有了fishc所以能直接用，行，多谢。
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

shriek
 楼主| 发表于 2021-8-8 19:58:13 | 显示全部楼层
kogawananari 发表于 2021-8-8 17:20
div就是div 无语义 是块级标签的代表  ul nav header标签都是语义化的div 没啥区别
行内标签代表是span  ...

好的，谢谢。换行，无语义。
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

大马强
发表于 2021-8-8 19:58:55 | 显示全部楼层
shriek 发表于 2021-8-8 19:57
行，我知道了，还有css在里面。我只学到HTML，css的话，不熟悉。因为在另一个文件里有了fishc所以能直接 ...

我也才学了不多，最近都在学别的
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

shriek
 楼主| 发表于 2021-8-8 22:21:00 | 显示全部楼层
大马强 发表于 2021-8-8 19:58
我也才学了不多，最近都在学别的

我是学C半路转过来的，大学会教，我先学前端
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

shriek
 楼主| 发表于 2021-8-8 22:21:41 | 显示全部楼层
大马强 发表于 2021-8-8 19:58
我也才学了不多，最近都在学别的

桌面很好看
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-4-25 06:11

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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