首页 / 前端开发 / CSS

CSS3自定义滚动条样式

CSS3自定义滚动条样式 -webkit-scrollbar当内容超出容器时,容器会出现滚动条,其自带的滚动条有时无法满足我们审美要求,那么我们可以通过css伪类来实现对滚动条的自定义。首先我们要了解滚动条。滚动条从外观来看是由两部分组成:1,可以滑动的部分,我们叫它滑块2,滚动条的轨道,即滑块的轨...

2019-05-07
标签: CSS    153

float元素浮动后高度不一致导致错位的解决办方法

当N个元素浮动后,会导致错位的问题。一般给元素一个固定的height就没有这个现象。 但是当高度不一致时,就需要想别的办法来解决了: 1、给父元素定义font-size:0; 浮动子元素定义需要的font-size, 再定义display:inline-block;vertica...

2019-01-15
标签: CSS    83

仿CSDN隐藏显示文章内容实现

看了一下CSDN的实现,其实很简单就是给文章显示的DIV一个固定的高度,利用overflow:hidden属性隐藏多余的内容,然后在通过点击显示文章详情,把height 和overflow 去掉<div class="text-hidden" style="height:50px;overfl...

2019-01-01
标签: CSS  JavaScript    79

纯css伪类实现标签显示隐藏

 CSS样式:<style type="text/css">     body,h3,ul{         margin:0px;         ...

2018-12-05
标签: CSS    75

JQ和CSS3的translate、scale属性实现图片缩放和拖动效果

<!DOCTYPE html><html><head> <title></title></head><style type="text/css"> #img-container{width:800px;height:...

2018-07-04
标签: CSS  JavaScript    49