摘要: 最近用原生js做项目练手,自己尝试做了下,可以直接复制代码看效果 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>滑入滑出</title> 6 <style> 7 #dv1 { 8 height: 0px; 阅读全文
posted @ 2019-01-11 03:17 xhysns 阅读(2493) 评论(0) 推荐(0) 编辑
摘要: 本次练习所有的代码:可以直接复制全部然后运行看效果~ 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>title</title> 6 <style> 7 .map { 8 width: 8 阅读全文
posted @ 2018-12-23 15:19 xhysns 阅读(514) 评论(0) 推荐(2) 编辑
摘要: 本文参考https://www.w3.org/TR/2011/REC-CSS2-20110607/about.html#property-defs 相信大家写css代码的时候看过如下的提示,一大串的英文,英文水平不好的童鞋可能就懵逼了,其实仔细看都是css的属性值~ 这里不是说要说具体怎么阅读官方文 阅读全文
posted @ 2018-12-03 14:50 xhysns 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 我们需要实现的效果如链接https://codepen.io/shug0/pen/XJJGeW。 这里面的代码直接复制过来是会报错的,运行也不正常。。还是第一次见选择器里面还能包含其他的选择器的方式, 所有用自己的方式写一遍,详细代码如下: html部分: <!DOCTYPE html> <html 阅读全文
posted @ 2018-11-25 23:24 xhysns 阅读(488) 评论(0) 推荐(0) 编辑
摘要: 大致效果图如下,原视频练习在https://www.bilibili.com/video/av17842686?,有附带源码和相关图片文件~大家也可以拿来练练手 这次写的是移动端页面,需要加上以下代码适配screen: 另外这次尝试了基本上一次到位的命名方式,感觉也比一个个类叠加省事多了,在实际项目 阅读全文
posted @ 2018-11-25 18:27 xhysns 阅读(244) 评论(0) 推荐(0) 编辑