2023-3-23 19:46 /
木晞i的资源汇总
(bgm24)
学html不过几个月，有什么不好的地方请多指教
#1 - 2023-3-23 19:48
木晞i (安心看动画，不XJB讨论。)
今天添加了影视集合版块，修改了一些小小的地方~
#2 - 2023-3-24 07:04
kj6w
（感谢大佬分享）
#3 - 2023-3-27 19:17
木晞i (安心看动画，不XJB讨论。)
今天删除了github多余项目,终于知道如何跳转页面。

<a href=“./里世界.html”>里世界</a>

删除单独的里世界(https://yftdtddh.github.io/lun/)，并入资源汇总(https://yftdtddh.github.io/muxiz ... B8%96%E7%95%8C.html)

手动给几近所有的a标签加上target="_blank"
跳转打开新窗口(bgm82)
#4 - 2023-4-10 20:06
木晞i (安心看动画，不XJB讨论。)
今天优化了排版。
主要是去除了标题标签，因为标题标签默认会与正文空格，这样会不怎么好看。
所以用 <span> 标签了，大分类标题用18px，小分类则15px.
以下是CSS部分，这样只能用元素选择器了，几乎所有的 <span> 标签都是做标题用的。

span {

             border-bottom: solid 1px black;

             margin-top: 1em;

         }
#5 - 2023-4-30 17:58
木晞i (安心看动画，不XJB讨论。)
今天启用了@winteru提供的背景图片代码。
如下


body {

    background-image: url("https://www.dmoe.cc/random.php");

    background-size: cover;

    background-attachment: fixed;

}



#mySidenav {

    background-color: #f1f1f1ee;

    padding: 1em;

    border-radius: 4px;

}

说明:
將以一個隨機圖片(dmoe.cc提供)作背景，同時添加一個透明的背板。
#6 - 2023-5-14 10:55
木晞i (安心看动画，不XJB讨论。)
弹窗修复成功，还要感谢github@winteru

彈窗不能正確顯示的原因：
<body> 中的onload函數和window.onload實際上是一個函數，在 <body> 指定onload後，又在第38行中再次設置了onload，導致原來有的onload被裝蓋，無法觸發showPopup函數。

解決方法：
將window.onload換為window.addEventListener('load', f)，addEventListener不會掩蓋已經有的onload，而是會在原有基礎上添加。

若干HTML標籤沒有關閉的問題:
一些html標籤沒有正確關閉
建議將HTML代碼進行一下對齊，便於發現此類問題.可以用pret層級自動對齊代碼。

body元素在div裡面的問題:
按HTML的要求，body應該直接屬於html，不應該包含在其他元素裡面。
#7 - 2023-8-29 21:57
木晞i (安心看动画，不XJB讨论。)
今天使用 <base> 标签代替了很多不必要的
target="_blank" 节省代码。

锚点链接需要手动加上 target="_self" ，不然会开新窗口再跳转至锚点位置。
#8 - 2023-10-14 22:05
木晞i (安心看动画，不XJB讨论。)
今天给li标签添加了相对定位，li里面的a添加了绝对定位。


 li {

    background-color: #ffffff;

    border-radius: 10px;

    box-shadow: 0px 0px 10px #cccccc;

    margin: 20px;

    padding: 20px;

    text-align: center;

    width: 300px;

    cursor: pointer;

    animation: fadeIn 1s ease-in-out;

    position: relative;

}



li a {

    font-family: 'Minecraft-Regular';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



li:hover {

    transform: scale(1.05);

}



li a:hover {

    display: none;

}



li a:active {

    display: none;

}

效果就是，点击li就能触发a。
虽然这样直接修改a好像也能做到……
#9 - 2023-11-11 17:29
木晞i (安心看动画，不XJB讨论。)
今天搞了个404页，原来githubpage定义404页只需创建文件。



---

permalink: /404.html

---

<html>

  <head></head>

  <body>

对不起,目前无法访问你的连接,你可以访问主页<a href="https://yftdtddh.github.io/muxizyhz/">https://yftdtddh.github.io/muxizyhz/</a>

    </body>

</html>