###css显示n行，超过以省略号代替，效果如图  ###css显示n行，超过以省略号代替，主要代码 ``` overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; ```....

2021-09-14

###使用csstransition和伪类实现鼠标悬停时将边框颜色从左上方和右下方开始逐渐改变 效果如果：  代码： ``` div{ width:calc(33.33%-20px); margin:10px; height:180px; display:inline-block; border:1pxsolid#ddd; font-size:14px; box-sizing:border-box; transition:all0.2sease-out0s; positi....

2021-09-02

###通过css3的transition效果实现鼠标悬停时框颜色渐变 效果如图  代码： ``` div { width:100px; height:100px; border:1pxsolid#999; transition:border2s; -moz-transition:border2s;/*Firefox4*/ -webkit-transition:border2s;/*SafariandChrome*/ -o-transition:border2s;/*Opera*/ } d....

2021-09-02

###文本文字超过*行将以...结束 ``` 使用shelve似乎可以做到这一点，它能把磁盘文件作为词典使用而不必读入内存。使用shelve似乎可以做到这一点，它能把磁盘文件作为词典使用而不必读入内存。使用shelve似乎可以做到这一点，它能把磁盘文件作为词典使用而不必读入内存 div{ width:200px; } p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } ```....

2021-06-23

`html{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);}`....

1970-01-01

`white-space:normal;word-break:break-all;overflow:hidden;`....

2020-09-15

bootstrap4中默认取消了FontAwesome图标的应用，所以如果要使用相关图标就需要我们自己手动添加， 具体步骤如下： 1.下载[FontAwesome](https://fontawesome.com/download),基本图标下载免费版就可以了。下载freeforweb` 2.将下载的文件解压到bootstrp4目录中 3.在html页面中添加引用，引用css文件夹中all.css` 4.在页面中使用FontAwesome图标 ``....

2020-08-01

在js中有onload、onerror两个事件，可在图片中加入，修改对于的src地址， 这样可改善网络差或者图片丢失时的用户体验 ``....

2020-07-28

```((){ h3_height=().().(window).((){ this_scrollTop=().()console.(this_scrollTop)(this_scrollTop>){().()}{ ().()} })}) ``` >要先引入js文件....

2020-07-24

`Copyright©2009www.kgoo.cn`....

2020-07-23

``` background-image:-webkit-linear-gradient(bottom,#06c,#23b7cb,blue); -webkit-background-clip:text; -webkit-text-fill-color:transparent; ```....

2020-07-17

父级元素添加： ``` justify-content:center; align-items:center; display:flex; ```....

2020-07-17

设置元素的垂直对齐方式....

2020-07-17

``` width:47%;    height:20px;    font-size:12px;    white-space:nowrap;//规定段落中的文本不进行换行：    overflow:hidden;    text-overflow:ellipsis;//当文本溢出包含元素时发生的事情。clip-修剪文本，ellipsis-显示省略符号来代表被修剪的文本，string-使用给定的字符串来代表被修剪的文本 ```....

2020-07-17

``` border:2pxtransparentsolid; border-image:linear-gradient(toright,#06C,#23b7cb)110; ```....

2020-07-17

###1.背景颜色渐变 ####a.从上到下的线性渐变： `background:linear-gradient(red,blue);` ####b.线性渐变-从左到右  `background:linear-gradient(toright,red,blue);` ####c.线性渐变-对角  `background:linear-gradient(tobottomright,red,blue);`....

2020-07-17