2021年8月17日
CSS实现背景图标居中显示
摘要： 使用场景： 比如在视频缩略图上显示播放按钮 只需在背景图属性上设置个center值即可。 background: url(../images/play.jpg) no-repeat center; 阅读全文
posted @ 2021-08-17 13:44 专注网站建设和推广 阅读(309) 评论(0) 推荐(0)
CSS不再占用原先位置的几种情形总结
摘要： 1，元素为浮动时（float） 2，元素被设置为绝对定位时（absolute） 3，元素被设置为固定定位时（fixed） 4，元素的display属性为设置为none隐藏时（display:none） 阅读全文
posted @ 2021-08-17 13:10 专注网站建设和推广 阅读(678) 评论(0) 推荐(0)
iconfont使用说明
摘要： iconfont使用说明： 1，下载对应的字体包 2，解压得到iconfont.css，在网页文件中引入iconfont.css 3，使用<i class="iconfont icon-sousuo"></i>显示字体，其中iconfont是固定类目， icon-sousuo是字体css名 阅读全文
posted @ 2021-08-17 12:55 专注网站建设和推广 阅读(221) 评论(0) 推荐(0)
绝对定位下的水平水平和垂直居中
摘要： CSS绝对定位下的水平居中原理： 1，先设置div绝对定位的左侧位偏移为整个网页body的一半也就是50% 2，再设置div左侧边距margin-left为这个div自身宽度的一半 如： .box3 { width: 150px; height: 26px; position: absolute; 阅读全文
posted @ 2021-08-17 11:24 专注网站建设和推广 阅读(346) 评论(0) 推荐(0)