随笔分类 -  css

关于css浮动需要注意的一点
摘要：一个父元素div里面套多个子div时，加所有子元素设置左浮动，最后一个子元素设为右浮动，外边父元素设一个固定宽，当子元素超过父元素宽度，自动换行左浮动， 但有一点需要注意，前面的div的高度都需要统一高度，但凡有一个高度大于后面的div，都会被挡住。 demo <div class="searchF 阅读全文
posted @ 2021-03-08 20:36 shetoutou 阅读(81) 评论(0) 推荐(0)
CSS实现背景图片屏幕自适应
摘要：今天写了一个页面，页面背景是一张大图，要求适配不同屏幕大小，我采用以下方案： html: css: 阅读全文
posted @ 2020-05-14 19:16 shetoutou 阅读(1468) 评论(0) 推荐(0)
js监听css3动画
摘要：在做前端页面时，如果一个页面有多套动画特效依次播放。我们一般采用setTimeout延时，就可以完美解决动画依次执行的效果，但存在以下问题： 1、如果动画很多的话会让人感觉很累，因为每个动画动摇计算前方动画所运行的时间。 2、如果中间某个动画的运行时间进行修改的话，后面所有的动画都需要修改。 所以， 阅读全文
posted @ 2020-05-01 15:39 shetoutou 阅读(1736) 评论(0) 推荐(0)
ie8 兼容问题
摘要：最近在做一个项目，要求是兼容IE8，写页面时，用到的很多css属性IE8都不兼容，想要的效果也呈现不出来。 1，background:url后面要空格 改成 2、background size无效 暂无合适解决方案 3、rgba设置外层盒子透明度 我的解决方案是将外层和内层的内容分开，然后设置opa 阅读全文
posted @ 2020-04-25 22:38 shetoutou 阅读(176) 评论(0) 推荐(0)
自定义radio样式
摘要：html结构： css样式： 结果： 阅读全文
posted @ 2020-04-01 17:34 shetoutou 阅读(409) 评论(0) 推荐(0)
css消除行内元素的间隙
摘要：一些工作中的积累 可以看出，中间有个间隙，解决这个间隙的办法可以将代码放一行，或者float，margin负值等方法，但最好的方式还是设置父元素的font size：0，然后再分别设置子元素的font size。 阅读全文
posted @ 2020-03-27 17:24 shetoutou 阅读(752) 评论(0) 推荐(1)
css透明度之rgba和opacity的区别及兼容
摘要：对于设置透明度，我们有两个可以选择的css3 属性：rgba 和 opacity opacity 用法 IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。 IE8 阅读全文
posted @ 2019-07-22 09:51 shetoutou 阅读(301) 评论(0) 推荐(0)