随笔分类 -  CSS

摘要:::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条) ::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb) ::-webki 阅读全文
posted @ 2017-05-04 12:59 doctype 阅读(58302) 评论(0) 推荐(2) 编辑
摘要:CSS浮动 首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。 注意,以上这些理论,是指标准流中的div。无论多么复杂的布局,其 阅读全文
posted @ 2017-04-26 19:14 doctype 阅读(188) 评论(0) 推荐(0) 编辑
摘要:1、Firefox @-moz-document url-prefix() { .selector { property: value; } }上面是仅仅被Firefox浏览器识别的写法 具体如:@-moz-document url-prefix() { .demo { color:lime; } 阅读全文
posted @ 2017-04-11 09:51 doctype 阅读(896) 评论(0) 推荐(2) 编辑
摘要:1,首先来一个固定宽度,在一行显示,超出隐藏,显示省略号的样式 2,其实来一个可以设置让它显示多少行后再显示省略号,这只能用私有属性解决了 因为 -webkit-line-clamp: 2 是webkit的私有属性,其他浏览器不可以用。所以在网上找了一下,有个插件还是很好用的,完美的实现了这个属性。 阅读全文
posted @ 2017-04-10 16:46 doctype 阅读(4822) 评论(0) 推荐(0) 编辑