摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> window.onload = function () { var oBtn = document.getElementById("btn" 阅读全文
posted @ 2021-01-09 18:07 ice猫猫3 阅读(144) 评论(0) 推荐(0) 编辑
摘要: <style> div { height: 40px; width: 70%; background: black; margin: 50px auto; border-radius: 5px; } #rect { /*选取某个盒子给它增加动画*/ animation-name: rainbow; 阅读全文
posted @ 2021-01-09 14:55 ice猫猫3 阅读(85) 评论(0) 推荐(0) 编辑
摘要: <style> .heart { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; background-color: pink; height: 50px; width: 50px; transform: 阅读全文
posted @ 2021-01-09 14:39 ice猫猫3 阅读(98) 评论(0) 推荐(0) 编辑
摘要: box-shadow做的 <style> .center { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 100px; height: 100px; background-color: 阅读全文
posted @ 2021-01-09 14:32 ice猫猫3 阅读(197) 评论(0) 推荐(0) 编辑
摘要: 第一对渐变颜色为yellow, 第二对渐变颜色为black div{ border-radius: 20px; width: 70%; height: 400px; margin: 50 auto; background: repeating-linear-gradient( 45deg, yell 阅读全文
posted @ 2021-01-09 14:21 ice猫猫3 阅读(373) 评论(0) 推荐(0) 编辑
摘要: <form action="/submit-cat-photo"> <input type="text" placeholder="猫咪图片地址"> <button type="submit">提交</button> </form> 阅读全文
posted @ 2021-01-09 09:50 ice猫猫3 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 加油🆙 最近有期末考试,也要加油哩 passion! 阅读全文
posted @ 2021-01-01 20:41 ice猫猫3 阅读(93) 评论(0) 推荐(0) 编辑
摘要: ####tab选项卡原理 ####li放a,涉及到tab选项卡与js的联动;前面提到的轮播图也是 ####没有用到floor这个类,这些样式是各层(手机、家电)之间通用的 ####下次写页面统一划线的位置(类名之类的,都用下划线_) 亲儿子选择器 ####直观的命名方式width ####每次增加p 阅读全文
posted @ 2020-12-23 17:25 ice猫猫3 阅读(148) 评论(0) 推荐(0) 编辑
摘要: ###样式: text-,font-,line- ,color ###行高height 如果是像素形式直接继承 如果倍数形式,只继承倍数,再乘上自己元素的font-size,得到自己的行高 阅读全文
posted @ 2020-12-23 11:21 ice猫猫3 阅读(93) 评论(0) 推荐(0) 编辑
摘要: ###解决办法: 测量的时候不测量边框 带边框测量,到时候width,height再减去border 阅读全文
posted @ 2020-12-23 11:12 ice猫猫3 阅读(292) 评论(0) 推荐(0) 编辑