• 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 Learn 2224

  • 图片img到底是块级还是内联

    现在就来说说,这个问题, 先来写个img标签和div 然后在给个样式 img{ height:200px; width:300px; } .div{ background:#ff6a00; height:200px; width:300px; } 先来看看效果 是不是可以很明显的看到img下面有个距离, 再来说说图片到底是块级还是内联 如果说他是块级,那她为什么图片可以干行内的事,可以并排呢? 如…

    伴侣哟 2017-02-04 WEB 1251

  • display:none过渡

    刚刚发现一个问题,一直也没有注意过,使用了display:none,然后使用过渡变成display:block,过度就没效果了,直接就显示出来了 解决办法 最好还是这么做吧opacity: 0;过度到opacity: 1; 使用visibility: hidden;代替display:none 具体使用这么写 visibility: hidden;opacity: 0;过渡到 visibility…

    伴侣哟 2017-02-03 WEB 1487

  • css3属性多列column瀑布流效果

    最近看了一个视频,看到了css3 中colum属性 现在就来讲讲column属性, column-count column-gap column-rule Internet Explorer 10 和 Opera 支持多列属性。 Firefox 需要前缀 -moz-。 Chrome 和 Safari 需要前缀 -webkit-。 注释:Internet Explorer 9 以及更早的版本不支持多…

    伴侣哟 2017-01-31 WEB 1404