css
luqingxuan
这个作者很懒,什么都没留下…
展开
-
device pixel ratio
学习mark http://yunkus.com/physical-pixel-device-independent-pixels/ http://yunkus.com/meta-viewport-usage/ https://blog.csdn.net/zhouziyu2011/article/details/70176511原创 2017-09-28 09:08:34 · 69 阅读 · 0 评论 -
margin叠加问题
学习mark 我认为,两个兄弟块状盒子摆放时,margin重合,是css艺术,BFC只是提供了一种打破这种艺术的手段而已 http://www.cnblogs.com/blackwood/archive/2013/07/03/3169023.html https://www.zhihu.com/question/19823139...原创 2017-10-13 08:01:28 · 95 阅读 · 0 评论 -
flex
学习mark 2009版本,我们称之为老版本,使用的是“display:box”或者“display:inline-box”;2011版本,我们称之为混合版本,使用的是“display:flexbox”或者“display:inline-flexbox”;2013版本,也就是最新语法版本,使用的是“display:flex”或者“display:inline-flex”。...原创 2017-10-16 11:34:04 · 79 阅读 · 0 评论 -
flex
学习mark http://www.cnblogs.com/libin-1/p/5888491.html http://blog.csdn.net/magneto7/article/details/70854472 http://blog.csdn.net/qq_23191031/article/details/53084017 https://www.zhih...原创 2017-10-16 11:35:00 · 75 阅读 · 0 评论 -
inline-block
学习mark https://www.zhihu.com/question/21468450 http://www.iyunlu.com/view/css-xhtml/64.html原创 2017-10-16 11:40:24 · 69 阅读 · 0 评论 -
float
学习mark http://www.iyunlu.com/view/css-xhtml/55.html http://www.cnblogs.com/Gabriel-Wei/p/6184392.html原创 2017-10-16 11:40:49 · 100 阅读 · 0 评论 -
清除浮动float
学习mark http://www.iyunlu.com/view/css-xhtml/55.html原创 2017-11-17 17:01:25 · 95 阅读 · 0 评论 -
ie:hasLayout
学习mark http://www.wufangbo.com/ie-haslayout/ https://segmentfault.com/a/1190000004621361原创 2017-11-30 08:38:15 · 91 阅读 · 0 评论 -
rem px转换小数点问题
https://www.zhihu.com/question/264372456/answer/280496269原创 2017-12-22 13:06:15 · 1302 阅读 · 0 评论 -
浏览器渲染过程
学习mark DOM TreeCSS DOM Tree(CSS Rule Tree)Render TreeLayout(reflow)Paint(repaint) http://www.cnblogs.com/slly/p/6640761.html原创 2017-10-11 08:07:28 · 78 阅读 · 0 评论 -
BFC & hasLayout
学习mark http://kayosite.com/block-formatting-contexts-in-detail.html http://www.cnblogs.com/leejersey/p/3991400.html http://kayosite.com/remove-floating-style-in-detail.html https://w...原创 2017-10-11 08:07:08 · 82 阅读 · 0 评论 -
head tags
学习mark http://www.cnblogs.com/happiness-mumu/p/6054852.html原创 2017-10-09 08:56:51 · 98 阅读 · 0 评论 -
rem
学习mark http://caibaojian.com/mobile-responsive-example.html http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html http://www.cnblogs.com/well-nice/p/5509589.html原创 2017-09-28 09:14:16 · 80 阅读 · 0 评论 -
-webkit-line-clamp
-webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:display: -webkit-box:必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。-webkit-box-orien...原创 2017-09-28 09:15:23 · 148 阅读 · 0 评论 -
很重要,padding margin百分比按照父元素width作为参照物
学习mark 很重要,padding margin百分比按照父元素width作为参照物 https://segmentfault.com/a/1190000004231995原创 2017-09-29 08:35:53 · 494 阅读 · 0 评论 -
background-size
学习mark 注意,div泛指html元素 background-size: contain;contain的含义是div容器要包含图片,当div容器宽高任何一个小于图片宽高时,图片等比例缩小,直到高宽都完整的放到div容器之中,很显然,有可能没办法覆盖div容器,出现空白反之,div容器宽高都大于图片宽高,完全没必要缩放 background-size: ...原创 2017-09-29 08:36:04 · 140 阅读 · 0 评论 -
ellipsis
学习mark http://www.daqianduan.com/6179.html overflow: hidden;text-overflow:ellipsis;white-space: nowrap;原创 2017-09-29 08:36:28 · 151 阅读 · 0 评论 -
float浮动布局业务系统设计
学习mark https://www.zhihu.com/question/20230233原创 2017-09-29 08:42:15 · 96 阅读 · 0 评论 -
移动端rem
学习mark http://caibaojian.com/mobile-responsive-example.html http://web.jobbole.com/85471/ http://caibaojian.com/flexible-js.html原创 2017-09-29 08:42:38 · 83 阅读 · 0 评论 -
align center
学习mark1.table、table-cell、vertical-align、text-align2.flex、justify-content、align-items3.calc,计算absolute top left值4.translate,计算absolute top left值5.absolute,配置top、left、margin负边距 http://ww...原创 2017-10-09 08:56:22 · 192 阅读 · 0 评论 -
-webkit-line-clamp
overflow : hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; http://www.css88.com/archives/5206原创 2018-01-22 12:03:05 · 113 阅读 · 0 评论