子元素的外边距作用在父元素

需要添加代码  #d2:before{         content:"";/*生成空元素*/         display:table;/*表现形式为 table*/       } 即:

2019-01-10 14:55:22

阅读数 18

评论数 0

浮动给父元素带来的影响

需要添加 .clear:after{         content:"";/*生成空内容(元素)*/         display:block;/*变为块级*/         clear:both;/*清除浮动影响*/       } 即:  

2019-01-10 14:51:53

阅读数 17

评论数 0

ie兼容性视图下(ie6,7,8)margin失效,box-shadow

margin可以用position代替 <meta http-equiv="X-UA-Compatible"content="IE=9; IE=8; IE=7; IE=EDGE">...

2018-07-24 20:17:50

阅读数 89

评论数 0

背景条纹颜色蓝色

-webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size: 30px 30px; /* 控制条纹的大小 */ background-color: #314ECB !important; ba...

2017-10-12 14:57:29

阅读数 653

评论数 0

修改滚动条的颜色

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar{ width: 10px; height: 10px; background-color: transparent; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-s...

2017-10-11 16:03:52

阅读数 144

评论数 0

纯css,div隐藏滚动条,保留鼠标滚动效果。

当我们的内容超出了我们的div,往往会出现滚动条,影响美观。 尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。  我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。 这里介绍一个简单的方法。   大体思路是在div外面再套一个div...

2017-09-21 13:44:19

阅读数 128

评论数 0

7种方法解决移动端Retina屏幕1px边框问题

造成边框变粗的原因 其实这个原因很简单,因为css中的1px并不等于移动设备的1px,这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备的像素比。 devicePixelRatio的官方的定义为:设备物理像素和...

2017-09-08 13:42:49

阅读数 964

评论数 0

CSS设置多余的文本显示省略号

首先给用于放文本的标签元素设置一个宽度值,并设置溢出属性overflow为溢出隐藏,设置文本缩略的样式为"..." width: 245px; overflow: hidden; white-space: nowrap; text-overflow: e...

2017-09-07 14:01:47

阅读数 143

评论数 0

如何实现不定宽高水平和垂直居中

1.最简单的flex布局,外层容器加上如下样式即可 display: flex; justify-content: center; align-items: center; 2.利用table-cell 外层容器 display:table-cell; text-align:center; ver...

2017-07-11 16:56:08

阅读数 111

评论数 0

浮层水平垂直居中方法

(一)利用绝对定位与transform                         将父元素定位,子元素如下   .children{     position: absolute;     top: 50%;     left: 50%;     -webkit-trans...

2017-07-09 19:20:03

阅读数 135

评论数 0

css兼容性写法大全

淘宝初始化代码 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { ...

2017-07-04 11:19:11

阅读数 198

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭