结构大概是这样的，大盒子左下角添加一个不透明多行描述，且盒子为圆角，上下盒子宽度不一致，盒子之间需要有圆弧衔接： <div class="box"> <div c…
分类：CSS
JavaScript之贪吃的滑稽
这玩意光修bug都花了三小时 最终还是做出来了 <!DOCTYPE html> <html lang="en"> <head> <meta…
JavaScript 随机圆点+位移效果
感觉自己对于面向对象这一块还需要加强一下，所以就做了个小练习 <!DOCTYPE html> <html lang="en"> <head> &…
【JavaScript】3D随机骰子
闲着没事做了个随机骰子 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu…
![[javascript]实现一个输入放大展示的小功能](https://kanokano.cn/wp-content/uploads/MyCDNCaches/kano_104.webp)
[javascript]实现一个输入放大展示的小功能
实现的功能 1.展示框默认隐藏，当用户输入字符时，展示框同步展示用户输入的内容 2.当用户按下S键时自动定位到搜索框 3.当用户离开输入框时展示框自动隐藏，进入输入框，如果有内容则显示展示框 4.用户…
【Highlight.js】修改了一下主题，新增mac样式+行数显示功能
参考了其他小伙伴博客的样式，修复了一些bug 因为主题使用的ajax等奇奇怪怪的原因，导致无法很方便地使用prism.js，所以只能使用 highlight.js 进行语法高亮 代码高亮基于highl…
【CSS3】 属性选择器与结构伪类选择器
属性选择器可以根据元素特定的属性来选择元素，这样就可以不用借助于类或者id选择器了。 选择符 简介 E[att] 选择具有 att 属性的 E 元素 E[att="val"] 选择…
【记录】试着仿写了百度首页
设置和更多的效果还不会写emm..二维码和相机图标也没，所以只是个半成品 <!DOCTYPE html> <html lang="en"> <head…
【记录】CSS属性书写顺序和规范
1.布局定位属性： display / position / foat / clear / visibility / overflow （建议 display 第一个写，遵循关系到模式的写法） 2.自…
【记录】CSS3 为什么要清除浮动&清除浮动的四个方法
父盒子不需要固定高度，让内部盒子撑开父盒子。 子盒子浮动，脱离了标准流，导致父盒子塌陷，影响整体外观。 在标准流下，父盒子默认会被子盒子撑开： 像上面一样，绿色的盒子撑开了蓝色父级盒子. 可如果我们给…
【记录】CSS3盒子阴影
有时候想要给网页上的box增加盒子阴影，这样显得更有立体感 这时我们就要用到盒子阴影属性box-shandow: 语法： box-shadow: h-shadow v-shadow blur spre…
【记录】CSS选择器权重(优先级)
记录一下以免忘记（ 选择器 选择器权重 继承 或 * 0,0,0,0 元素选择器 0,0,0,1 类选择器，伪类选择器 0,0,1,0 ID选择器 0,1,0,0 行内样式 1,0,0,0 !impo…