随笔分类 -  CSS

在网页中使用icon图标：png、svg、iconfont
摘要：在写个人简历时，好多地方都用到了各式各样的icon图标，不仅是为了样式的美观，更是能够为访客提供很好的指引，比如： 放上这些图标，总比干巴巴的 ‘点击右侧进入详情’ 好⑧ （在做简历网站的时候，本来是想用svg一把梭的，简单好用，也不知道为啥突然觉得，哎，都用了这么久svg了，试试png吧:) 结果 阅读全文
posted @ 2019-06-22 11:54 林不渡 阅读(8933) 评论(0) 推荐(1)
直观的理解鼠标位置中的client、page、screen
摘要：正常全屏浏览器视口下：可以看到，三对数据的X值都是相同的，page和client的Y值相同，screen的Y值要多出一部分 正常全屏浏览器视口，滚动至页面中部：三对的X数据仍相同，但page与client的Y数据此时也不相同了 折叠浏览器窗口：并滚动至页面中部 仔细点观察数据就会发现： page：鼠 阅读全文
posted @ 2019-05-15 14:01 林不渡 阅读(1073) 评论(0) 推荐(1)
JQuery切换点击效果（demo：bootstrap折叠模块切换至可同时展开）
摘要：前几天在用BootStrap的时候用到了其中的一个“折叠”模块，就是这个 快写（抄）完的时候突然发现一个问题，如果阅读者希望能够同时展开所有折叠框？如果一会又想切回来每次只一个？ 先来看一下用比较呆的方法做的（jQuery） (ps:使用sibling()方法的时候很诡异的发现不能跨div了？也就是 阅读全文
posted @ 2019-05-14 19:31 林不渡 阅读(1979) 评论(0) 推荐(0)
background-position，有逗号和没逗号：截然不同的结果
摘要：写星级评分demo的时候，发现background-position这个属性有点神奇 如上图，在其值中加“,”与不加“,”会带来截然不同的结果，来研究一哈，顺便把这个属性复习一下 1.background-position：center（50%）， 会被自动解析为这样的样式： 2.backgroun 阅读全文
posted @ 2019-04-08 18:20 林不渡 阅读(268) 评论(0) 推荐(0)
JavaScript获取、修改CSS样式合辑
摘要：Document 测试样例哈 阅读全文
posted @ 2019-04-02 17:45 林不渡 阅读(218) 评论(0) 推荐(0)
checked选择器实现tab切换
摘要：理解 input:nth-of-type(3):checked~.label>label:nth-of-type(3)的意思： 被选中的、为父元素的第三个input元素的所有input元素（:nth-of-type）（这里只有一个），后面跟着的同级的（父元素的兄弟元素的子元素也算平级）（~）类名为l 阅读全文
posted @ 2019-02-23 10:36 林不渡 阅读(849) 评论(0) 推荐(0)