-
css media screen和media only screen区别
"screen" and "only screen" 有什么区别 @media (max-width: 375px) 这个是说max-width你想要应用这些样式的375px 的窗口。在这种情况下，在大多数情况下，比桌面屏幕小的任何东西。 @media screen and (max-width: 375px) 这个是说一个带有screen和一个max-width:375px 的窗口的设备应用这种…
学习 2018-09-13 7386
-
图片img到底是块级还是内联
现在就来说说，这个问题， 先来写个img标签和div 然后在给个样式 img{ height:200px; width:300px; } .div{ background:#ff6a00; height:200px; width:300px; } 先来看看效果 是不是可以很明显的看到img下面有个距离， 再来说说图片到底是块级还是内联 如果说他是块级，那她为什么图片可以干行内的事，可以并排呢？ 如…
WEB 2017-02-04 3824
-
display：none过渡
刚刚发现一个问题，一直也没有注意过，使用了display：none，然后使用过渡变成display：block，过度就没效果了，直接就显示出来了 解决办法 最好还是这么做吧opacity: 0;过度到opacity: 1; 使用visibility: hidden;代替display：none 具体使用这么写 visibility: hidden;opacity: 0;过渡到 visibility…
WEB 2017-02-03 3769
-
css3属性多列column瀑布流效果
最近看了一个视频，看到了css3 中colum属性 现在就来讲讲column属性， column-count column-gap column-rule Internet Explorer 10 和 Opera 支持多列属性。 Firefox 需要前缀 -moz-。 Chrome 和 Safari 需要前缀 -webkit-。 注释：Internet Explorer 9 以及更早的版本不支持多…
WEB 2017-01-31 3129