css的四种引入方式 内联方式(行间样式) 这通常是个很糟糕的书写方式，它只能改变当前标签的样式，如果想要多个 添加相同的样式，如果想要修改一种样式，又不得不修改所有的 style 中的代码。很显然，内联方式引入 CSS 代码会导致 HTML 代码变得冗长，且使得网页难以维护。 嵌入方式 .embe ...
分类：
Web程序 时间：
2018-12-30 20:38:00
阅读次数：
193
如上图所示，边框线消失了，解决方法如下 添加css代码，如果是修改全局，则到全局样式文件添加 如果是修改局部，则用样式穿透添加，在当前页面的css文件添加 ...
分类：
其他好文 时间：
2018-12-29 17:15:06
阅读次数：
2306
定义：事件冒泡:多个元素嵌套,有层次关系,这些元素都注册了相同的事件,如果里面的元素的事件触发了,外面的元素的该事件自动的触发了. 例子： HTML代码 CSS代码 JavaScript代码 如何阻止事件冒泡: window.event.cancelBubble=true; IE特有的,谷歌支持,火 ...
分类：
其他好文 时间：
2018-12-26 11:50:32
阅读次数：
139
原文地址：https://segmentfault.com/a/1190000014700727 HTML代码： CSS代码： ...
分类：
Web程序 时间：
2018-12-23 15:19:30
阅读次数：
190
之前的随笔从阮一峰老师那里学到了flex的基本用法及作用，现在来把flex具体运用到实例中，看看flex的弹性布局效果。 1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 效果如 ...
分类：
其他好文 时间：
2018-12-23 00:23:18
阅读次数：
146
CSS代码： .box { width: 180px; height: 180px; background: paint(transparent-grid); } HTML代码： <div class="box"></div> JS代码： if (window.CSS) { CSS.paintWor ...
认定了的事情,只要是对的,干到底! 分别建立 HTML CSS JS 三个文件 加上 保存好的图片 HTML代码 CSS代码 JS代码 图片文件 ...
分类：
编程语言 时间：
2018-12-20 01:04:25
阅读次数：
208
使用html+css+js实现简易计算器， 效果图如下： html代码如下： CSS代码如下： JS代码如下： ...
分类：
Web程序 时间：
2018-12-16 23:31:01
阅读次数：
196
[toc] 在chrome(版本 70.0.3538.110)测试正常编写涉及：css, html,js, node(koa) 在线演示codepen html代码 css代码 JavaScript代码 hash方式 class HashRoute { setRoute() { const comm ...
分类：
其他好文 时间：
2018-12-14 22:45:26
阅读次数：
142
使用vue-cli构建vue项目后，再打包遇到一个css引入的背景图片路径的问题，就是css代码中背景图片是根据相对路径来写的，如下图： 当使用npm run dev命令本地访问的时候，背景图片是正常显示的，可使用npm run build命令打包后，访问dist目录下的项目，页面背景图路径就不对了 ...
分类：
Web程序 时间：
2018-12-11 15:57:18
阅读次数：
181
