随笔分类 -  CSS样式问题

CSS以及CSS3的交互效果
摘要:css 控制溢出隐藏 换行用省略号表示 .z_class_month .clearfix ul li { line-height: 26px; margin-bottom: 10px; width: 356px; text-overflow: ellipsis; overflow: hidden; 阅读全文
posted @ 2017-10-20 20:36 和路雪 阅读(239) 评论(0) 推荐(0)
摘要:伪类: 统一添加样式 很好的减少了代码量 阅读全文
posted @ 2017-09-25 17:05 和路雪 阅读(228) 评论(0) 推荐(0)
摘要:最近写的新官网的项目一直都是用的bootstrap的框架,今天的的页面其中一个模块使用的插件和bootstrap冲突,当把bootstrap.css去掉后,页面中的部分样式发生了错乱 主要表现为margin和padding值不好使 ,是因为 没有固定盒子的尺寸,定位后导致块元素属性消失 positi 阅读全文
posted @ 2017-09-06 20:06 和路雪 阅读(273) 评论(0) 推荐(0)
摘要:.ulWrap p{ width: 1200px; height: 0px; background: rgba(0,0,0,0.7); position: absolute; top: 0px; z-index: 2; color: #fff; text-align: center; font-size: 18px; ... 阅读全文
posted @ 2017-08-22 16:10 和路雪 阅读(253) 评论(0) 推荐(0)
摘要:CSS 阅读全文
posted @ 2017-08-07 10:48 和路雪 阅读(616) 评论(0) 推荐(0)
摘要:图片跟图片对齐 文字跟文字对齐 阅读全文
posted @ 2017-07-24 16:10 和路雪 阅读(146) 评论(0) 推荐(0)
摘要:a:hover { cursor: default; a:hover { cursor: default; } 阅读全文
posted @ 2017-07-03 14:48 和路雪 阅读(2026) 评论(0) 推荐(0)
摘要:jQuery选择器的优先级比 !important 大 阅读全文
posted @ 2017-06-19 16:07 和路雪 阅读(124) 评论(0) 推荐(0)
摘要:CSS伪类 左三角:没有左边框;同理右上下。。。 阅读全文
posted @ 2017-06-15 10:39 和路雪 阅读(3585) 评论(0) 推荐(0)
摘要:想要一块内容垂直居中,可以有多种方法 1、line-height padding margin 2、比如说左边是logo,右边是文字,需要两个都垂直居中时。用以上方法都不好使,因为无论调哪边,两边都会一起跟着动 这时可以选择绝对定位,通过改变top值即可 阅读全文
posted @ 2017-06-14 09:15 和路雪 阅读(139) 评论(0) 推荐(0)
摘要:.picFocus .hd{ width: 755px; padding-top: 5px; overflow: hidden; position: absolute; top: 400px; left: 0; right: 0; margin: 0 auto; } 阅读全文
posted @ 2017-06-06 15:34 和路雪 阅读(199) 评论(0) 推荐(0)
摘要:盒子四周都有阴影效果: 正常阴影 box-shadow: 5px 5px 5px black; 阴影半径为负值 box-shadow: 5px 5px 5px -5px black; 阴影半径为正值 box-shadow: 5px 5px 5px 5px black; 双边阴影 box-shadow 阅读全文
posted @ 2017-06-02 14:16 和路雪 阅读(584) 评论(0) 推荐(0)
摘要:鼠标移入后不让它有边框。解决办法:不要写成border:none; 因为这样一来就少了2px的宽度,导致间距变大被挤下来 阅读全文
posted @ 2017-05-27 09:27 和路雪 阅读(470) 评论(0) 推荐(0)
摘要:banner图缩放不变形,不会让它同比缩放。 把图片作为背景图片引入,不要写在HTML里 阅读全文
posted @ 2017-05-26 11:44 和路雪 阅读(322) 评论(0) 推荐(0)
摘要:1、实现背景透明,文字不透明==> rgba() 实现思路:给背景图片这个的父元素加个跟它一样宽高的子元素,从而达到让子元素的背景从父元素中抽离出来,相当于把文字部分单独择出去,让子元素背景单独透明,相对于父元素绝对 2、实现背景、文字都透明 ==> opacity() .bg{ position: 阅读全文
posted @ 2017-05-12 19:33 和路雪 阅读(154) 评论(0) 推荐(0)