随笔分类 - CSS样式问题
CSS以及CSS3的交互效果
摘要:css 控制溢出隐藏 换行用省略号表示 .z_class_month .clearfix ul li { line-height: 26px; margin-bottom: 10px; width: 356px; text-overflow: ellipsis; overflow: hidden;
阅读全文
摘要:最近写的新官网的项目一直都是用的bootstrap的框架,今天的的页面其中一个模块使用的插件和bootstrap冲突,当把bootstrap.css去掉后,页面中的部分样式发生了错乱 主要表现为margin和padding值不好使 ,是因为 没有固定盒子的尺寸,定位后导致块元素属性消失 positi
阅读全文
摘要:.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; ...
阅读全文
摘要:a:hover { cursor: default; a:hover { cursor: default; }
阅读全文
摘要:想要一块内容垂直居中,可以有多种方法 1、line-height padding margin 2、比如说左边是logo,右边是文字,需要两个都垂直居中时。用以上方法都不好使,因为无论调哪边,两边都会一起跟着动 这时可以选择绝对定位,通过改变top值即可
阅读全文
摘要:.picFocus .hd{ width: 755px; padding-top: 5px; overflow: hidden; position: absolute; top: 400px; left: 0; right: 0; margin: 0 auto; }
阅读全文
摘要:盒子四周都有阴影效果: 正常阴影 box-shadow: 5px 5px 5px black; 阴影半径为负值 box-shadow: 5px 5px 5px -5px black; 阴影半径为正值 box-shadow: 5px 5px 5px 5px black; 双边阴影 box-shadow
阅读全文
摘要:鼠标移入后不让它有边框。解决办法:不要写成border:none; 因为这样一来就少了2px的宽度,导致间距变大被挤下来
阅读全文
摘要:banner图缩放不变形,不会让它同比缩放。 把图片作为背景图片引入,不要写在HTML里
阅读全文
摘要:1、实现背景透明,文字不透明==> rgba() 实现思路:给背景图片这个的父元素加个跟它一样宽高的子元素,从而达到让子元素的背景从父元素中抽离出来,相当于把文字部分单独择出去,让子元素背景单独透明,相对于父元素绝对 2、实现背景、文字都透明 ==> opacity() .bg{ position:
阅读全文
浙公网安备 33010602011771号