CSS&CSS3
关注
分享
扫一扫
Lawliet_ZMZ
ACMERandNODER
展开
-
JS特效：相册变换
嗯 就是这样一个例子，视频学到的一个特效，实际用处并不大，但是可以帮助理解JS语言和熟悉CSS3样式。设计： 观察一张图片的变化，发现： 1、图片缩放（随机，并且不是同时运动） 1、从大到小 2、从小到大，透明度从1到0（在第一步运动完成后立马开始） 2、图片旋转（随机，并且不是同时运动的。需要在全部运动走完以后开始） 3. 因为原创 2017-09-06 17:31:39 · 491 阅读 · 0 评论 -
JS选择器querySelector和~All，三个原生选择器
比较高级的万能选择器，比较常用定义：querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。语法document.querySelector(CSS selectors)原创 2017-09-28 00:25:50 · 20607 阅读 · 1 评论 -
DOM艺术前六章范例：图片仓库
对象检测向后兼容和浏览器嗅探技术尽量减少访问DOM和尽量减少标记平稳退化JS和HTML的完全分离共享onload事件的实现键盘访问（注意死局的情况）DOM Core 和 HTML-DOM代码：head> meta charset="utf-8"> title>Image Gallerytitle> script type="text/java原创 2017-10-08 23:33:20 · 235 阅读 · 0 评论 -
敲代码需要一丝不苟，Node静态化，ejs文件里多了一条外联下的Bug问题
这个Bug是昨天晚上遇到，去SF社区提了出来，估计是太晚了，没人回答，今天早上两个回答。第一个人回答主要是解决双重回调，也怪我，我刚开始也以为是双重回调的问题，因为最近看的网上资料全是Promise和async/await解决回调问题。我想我真不会遇到了？其实不是。第二个大佬认真看了我贴的代码，然后一步步在评论区里沟通，最后说到了为什么css和头像文件会在请求req里出现，估计是我的静态化问题。然后原创 2017-12-22 17:07:09 · 403 阅读 · 0 评论 -
课堂答问轮盘抽奖系统
用到了HTML5,CSS3,JavaScript，jQuery……杜老师想让课堂变得有趣，想让学生帮他做个轮盘抽奖的，那么最近搞了下JS前端，就自告奋勇接下这个任务了。一些特效是参考了大神的JS代码，比如轮盘的底层实现，弹出框3D旋转的特效，当然经过我自己看了源码加工了的。做这个东西%50的时间都用在做图和一些其他素材的制作上了…..我有点强迫症和选择困难症，每次都是一点点改px和素材大小，想原创 2017-09-24 18:35:53 · 1331 阅读 · 0 评论 -
用Bootstrap写一份简历
以前学习Bootstrap时练手用的。分享给大家。 注意Bootstrap相关文件的路径，Bootstrap依赖jQuery，需要先加载jQueryGithub代码链接：链接 (如果有点小用，求个小star(｡•ˇ‸ˇ•｡))index.html：<!DOCTYPE html><html lang="en"><head> ...原创 2018-02-16 18:58:27 · 13851 阅读 · 1 评论 -
CSS浮动(涉及BFC)总结
最近看了很多CSS相关的文章，相关浮动，BFC，垂直居中等一些问题，这里希望把学到的做一个归纳总结。1. 常规流(文档流)排版遵循从左到右，从上到下的规则，display为block的会自占一行，可以设置宽高度和外边距等，inline元素会排成一行，直到空间不能满足大小会换行，不能设置宽高，宽高由内容物撑开。inline-block则吸收了以上的两个优点，表现为外面是inline盒子，...原创 2018-03-18 18:26:45 · 391 阅读 · 0 评论 -
CSS中的未定义行为，浏览器的差异(一)
今天看了张鑫旭大佬的新书的有感吧，记录一下。Web标准未对一些场景做出明确规范，所以各大浏览器厂家只能根据自己的理解和喜好去实现，表现差异不是浏览器的bug，用计算机领域的术语描述为”未定义行为”。比如一个例子： CSS中的一个伪类，最常用的一个伪类:active，鼠标按下，执行改伪类对应的CSS样式，鼠标抬起还原。但是这种情况呢：<!DOCTYPE html>...原创 2018-03-04 18:37:07 · 407 阅读 · 0 评论 -
经典的三栏布局：圣杯布局，双飞翼布局，flex布局
需求： 两边栏固定宽度，中间宽度自适应，一般左边栏为导航，右边栏为广告，中间栏为主要内容的展示，div块上中间栏放在第一位，重要的东西放在文档流前面可以优先渲染。圣杯布局和双飞翼布局的共同特点都是利用float+margin的负值来实现并列的结构。首先中间栏width 100%后，左右栏被挤在第二行，左栏margin-left设置为-100%后（实际即为中间栏的宽度），这样左栏就...原创 2018-07-18 19:27:17 · 798 阅读 · 0 评论