jQuery.dotdotdot多行文本省略号插件的使用方法
1Deshun 发布于 7年前 (2017-11-22) 8569℃ 评论(0) 赞 (3)
最近在做一个自适应的网站,经常遇到需要文本的溢出地方,我写了一个CSS简单设置文本溢出的方法:用css实现文本溢出div显示省略号但是IE只能设置单行溢出隐藏,Webkit内核浏览器才支持多行溢出,于是找到了这款插件,能够达到不错的效果,用Chrome自带的翻译加上自己的理解写了...
Deshun 发布于 7年前 (2017-11-22) 8569℃ 评论(0) 赞 (3)
最近在做一个自适应的网站,经常遇到需要文本的溢出地方,我写了一个CSS简单设置文本溢出的方法:用css实现文本溢出div显示省略号但是IE只能设置单行溢出隐藏,Webkit内核浏览器才支持多行溢出,于是找到了这款插件,能够达到不错的效果,用Chrome自带的翻译加上自己的理解写了...
Deshun 发布于 7年前 (2017-11-15) 49918℃ 评论(8) 赞 (13)
最近写网页的时候,发现页面都是用的同一个header头部、aside侧边栏和footer页脚,那么为什么不把这些写成一个模板文件,在页面中直接引入呢?这样还方便后期的修改维护。查了一下资料,发现html中引入调用另一个html的方法有很多种,我都尝试了一下,就把他们都列出来吧:其...
Deshun 发布于 7年前 (2017-11-09) 8008℃ 评论(0) 赞 (0)
前段时间我写了一篇文章:WebStorm怎么设置实现自动编译less文件 利用lessc模块实现less文件自动编译城css文件。但是有一个缺点,就是lessc编译后只能将less转换为css格式,并不能自动补全前缀。我们可以用Autoprefixer模块来给css自动补全,实现...
Deshun 发布于 7年前 (2017-11-09) 2881℃ 评论(0) 赞 (1)
code_ds{ display: inline-block; position: relative; width:200px; height: 30px; text-align: center; line-height: 30px; font-size: 22px;...
Deshun 发布于 7年前 (2017-11-08) 2702℃ 评论(0) 赞 (0)
前段时间我写过一篇:CSS中background属性总结 整理了background的常用属性。在CSS3中 background-image 还有一个 gradient 属性——渐变。渐变大体分两种:1、线性渐变:linear-gradient线性渐变的用法是:linear-gradient(direction方向/角度,color1,color2......);单向渐变:从一个水平或者垂直方向...
Deshun 发布于 7年前 (2017-11-06) 3377℃ 评论(0) 赞 (1)
js的引入方式,最常用的有两种:1、在页面中直接写入:<script> alert("www.w3h5.com"); </script>2、引入外部js文件:通过 src 引入,此时 script 标签内添加任何js代码都不起效果...
Deshun 发布于 7年前 (2017-10-31) 4938℃ 评论(0) 赞 (2)
网站底部经常会有微信图标,鼠标点击或者划入显示二维码的效果。 怎么来实现它呢?我们首先写一个简单的页面,实现鼠标移入移除或者点击显示隐藏效果。 前端页面:不要忘了引入 JQuery.js <!DOCTYPE html&g...
Deshun 发布于 7年前 (2017-10-31) 2999℃ 评论(0) 赞 (0)
对于前端开发IDE来说,WebStorm确实是非常强大,但是它的启动速度非常的慢,如果需要紧急修改一些小文件,需要一段漫长的时间等它启动,确实是很头疼。我们可以使用Sublime来做一些简单的页面修改,或者在紧急情况下选择用Sublime来编辑页面,因为它的启动速度非常快,只需要...
Deshun 发布于 7年前 (2017-10-30) 9795℃ 评论(0) 赞 (6)
最近在写一个系统页面,涉及到background背景和背景图、渐变等属性,经过查阅资料发现background有各种子属性,特此整理一下。浏览器兼容性支持: PC端: 移动端:为了后面的介绍,我们首先了解一下【盒模型】backg...
Deshun 发布于 7年前 (2017-10-23) 7489℃ 评论(0) 赞 (4)
最近在写页面的时候,需要在左上角加一个logo,但是复制的时候会把这张图片一块选中。那么我们可以通过CSS给它设置禁止选中,代码如下:.icon { -webkit-touch-callout: none; /* iOS Saf...