shriek 发表于 2021-8-8 14:43:37

WEB HTML5 课后习题4求助

题目、我的回答和答案如下图
我的疑惑：<div class........></div>是啥玩意，我查了HTML速查宝典也没找到，为什么我把<h1>、<p>标签放在<div>内外显示效果截然不同（sytle 已经确定了位置）

大马强 发表于 2021-8-8 14:43:38

我试了试，把p放到div上面或者下面都是这样的结果
https://static01.imgkr.com/temp/935c9537e6b54ff1b66779cba7273445.jpg
我还没学到js哪部分，我感觉有可能时js的作用或者时 page page-meteor-canvas的css代码的作用

大马强 发表于 2021-8-8 15:01:31

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

      .aaa {
            color: red;
      }
    </style>
</head>

<body>
    <div>1</div>
    <div>2</div>
    <div class='aaa'>3</div>
    <div>4</div>

我想要第三个div变为红色，就可以这样搞

大马强 发表于 2021-8-8 15:02:05

而且除了颜色之外，其他都不会有改变

shriek 发表于 2021-8-8 15:15:26

大马强 发表于 2021-8-8 15:02
而且除了颜色之外，其他都不会有改变

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

    <style type="text/css">
      h1{
            margin-top: 30px;
      }

      p{
            font-size: 20px;
      }

      a{
            margin-left: 50%;
            text-decoration: none;
            color: #fff;
      }
    </style>
</head>

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

    <div class="page page-meteor-canvas">
      <canvas id="buffer"></canvas>
      <canvas id="canvas"></canvas>
    </div>
</body>
</html>

shriek 发表于 2021-8-8 15:16:14

大马强 发表于 2021-8-8 15:02
而且除了颜色之外，其他都不会有改变

甚至head里div都没有写

kogawananari 发表于 2021-8-8 17:20:31

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

div就是div 无语义 是块级标签的代表ul nav header标签都是语义化的div 没啥区别
行内标签代表是span 一样的
封装好模块然后引用的是<template>标签 基本没人用 都没实现好

大马强 发表于 2021-8-8 18:03:16

shriek 发表于 2021-8-8 15:16
甚至head里div都没有写

https://static01.imgkr.com/temp/ab6733e255b943249efba4ec74ad35ee.jpg
你是说没有看到 .fishc css的样式代码吗？

shriek 发表于 2021-8-8 19:57:02

大马强 发表于 2021-8-8 18:06
我试了试，把p放到div上面或者下面都是这样的结果

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

行，我知道了，还有css在里面。我只学到HTML，css的话，不熟悉。因为在另一个文件里有了fishc所以能直接用，行，多谢。

shriek 发表于 2021-8-8 19:58:13

kogawananari 发表于 2021-8-8 17:20
div就是div 无语义 是块级标签的代表ul nav header标签都是语义化的div 没啥区别
行内标签代表是span...

好的，谢谢。换行，无语义。

大马强 发表于 2021-8-8 19:58:55

shriek 发表于 2021-8-8 19:57
行，我知道了，还有css在里面。我只学到HTML，css的话，不熟悉。因为在另一个文件里有了fishc所以能直接 ...

{:10_297:}我也才学了不多，最近都在学别的

shriek 发表于 2021-8-8 22:21:00

大马强 发表于 2021-8-8 19:58
我也才学了不多，最近都在学别的

我是学C半路转过来的，大学会教，我先学前端

shriek 发表于 2021-8-8 22:21:41

大马强 发表于 2021-8-8 19:58
我也才学了不多，最近都在学别的

桌面很好看
页: [1]
查看完整版本: WEB HTML5 课后习题4求助