随笔分类 -  每天一点CSS

由于css的零散性，该系列用于记录平时不经意所见的css用法
关于position定位中的几个注意点
摘要：在CSS中我们会用到position来进行布局，常用的就是三种relative，absolute，fixed relative就是我们常说的相对定位，相对于在正常文档流中的位置进行定位，它不会脱离正常的文档流，所以在进行定位以后，之前的位置也会保持占有状态。 我们可以看到文字和黄色div之间有很大的 阅读全文
posted @ 2016-12-01 19:33 DJL箫氏 阅读(1438) 评论(0) 推荐(0)
filter 滤镜
摘要：今天在做一个项目时，接触到了这个属性。再一次见识到了CSS的强大。 先来看看兼容性 很遗憾IE全军覆没了，但是其他浏览器还是可以的。接下来我们来看看他有哪些厉害之处。 blur()，blur功能函数就是来设置图片的模糊程度。 值就是模糊半径，效果图如下。 brightness():就是通常所说的亮度 阅读全文
posted @ 2016-12-01 12:29 DJL箫氏 阅读(223) 评论(0) 推荐(0)
:after,:before,content
摘要：:after 和 :before其实已经比较熟了，但是一直只是会用，今天来做个总结。 首先说说:after 和 ::after，这两个其实区别不大，个人感觉，只是官方为了区别伪类和伪元素。有一个冒号的一般代表伪类如:hover。两个的代表伪元素。所有浏览器都支持一个冒号或者两个冒号，也就是说:aft 阅读全文
posted @ 2016-11-09 21:47 DJL箫氏 阅读(1537) 评论(0) 推荐(0)
outline和border
摘要：今天看了outline这个属性，运用到了做双层边框上，仔细看了一下这个属性怎么用。要说outline感觉就是和border是一对兄弟啊！ 看他的用法确实是这样，但是他和border还是有点区别的 1 outline产生的“边框”不占据空间，不会影响布局 2 outline不能和border一样分别单 阅读全文
posted @ 2016-11-08 11:24 DJL箫氏 阅读(549) 评论(0) 推荐(0)
《css揭秘》之背景与边框
摘要：这本书是魔法哥的译著，也是买了有很长时间了，现在开始慢慢阅读，确实比较新颖，包含了很多css方面的小tips。来一点点的做个总结。 半透明边框的实现： 关于半透明我们可能会想到使用rgba,opacity等等，对于背景提供回退方案还是比较好做的，要么利用一张单像素半透明图片，要么回退到实色。但是对于 阅读全文
posted @ 2016-11-07 15:07 DJL箫氏 阅读(487) 评论(0) 推荐(0)
css权威指南学习笔记--第6章
摘要：line-height：定义文本行基线之间的距离 说到line-height就不能不说到行框中各个高度是怎么计算的，这里引用css权威指南中的图 文本行中的每个元素都会生成一个内容区，这由字体的大小确定。如果不存在其他因素（如line-height）那么这个内容区的高度就是行内框的高度。而行框的高度 阅读全文
posted @ 2016-11-05 15:28 DJL箫氏 阅读(266) 评论(0) 推荐(0)
user-select
摘要：设置或检索是否允许用户选中文本。 参考文档：http://www.css88.com/book/css/properties/user-interface/user-select.htm 兼容性：http://caniuse.com/#search=user-select 该属性为阅读网站源码时所见 阅读全文
posted @ 2016-10-07 19:48 DJL箫氏 阅读(172) 评论(0) 推荐(0)
css零碎合集
摘要：alt和title 我们都用过img标签，相信也都知道有title和alt这两个属性，笔试时有时会考到，在这里简单记录一下，主要是怕混淆。 alt：是当图片不能正确加载出来，进而显示的文字（图2） title：是当鼠标悬停在图片上，出现的提示文字。（图1） 图1 当我们把图片的路径换为错误的路径时。 阅读全文
posted @ 2016-02-27 15:42 DJL箫氏 阅读(156) 评论(0) 推荐(0)