分类: HTML/CSS
慎用target=”_blank”
在页面中如果想打开一个链接跳转到新页面,通常是采用target=”_blank”的形式。 <a href… 继续阅读慎用target=”_blank”
css计数器
如果要对一组数据添加序号,首先想到的肯定是<ol>标签,通过设置list-style-type: … 继续阅读css计数器
linear-gradient渐变属性
css中使用linear-gradient可以实现线性渐变的效果。 如下示例可以实现一个红色到蓝色的渐变 di… 继续阅读linear-gradient渐变属性
SVG中的stroke-dasharray和stroke-dashoffset属性
如果要实现如下的一个效果,该如何实现? 首先可以想到使用svg的path绘制一段这样的路径,然后接下来的事情就… 继续阅读SVG中的stroke-dasharray和stroke-dashoffset属性
box-shadow如何控制只在某一边显示
如下代码 .box { height: 150px; width: 300px; margin: 20px; … 继续阅读box-shadow如何控制只在某一边显示
IOS如何禁用长按弹出链接地址
在IOS safari浏览器中,如果长按一个链接地址,在手机底部会弹出一个弹出框,如下图所示: 那么,如何禁用… 继续阅读IOS如何禁用长按弹出链接地址
img标签的srcset属性
上篇文章中通过媒体查询给不同分辨率的手机屏幕展示不同的图片,但是适用于背景图,如果使用img标签的话,可以使用… 继续阅读img标签的srcset属性
移动端图片模糊问题
在移动端,某些手机上展示图片会发现模糊的情况,具体原因可能是分辨率导致的,比如在高分辨率的手机上展示了低分辨率… 继续阅读移动端图片模糊问题
多行文本超出省略
利用css3的line-clamp属性可以设置超出指定行数显示省略号。 .line-camp( @clamp:… 继续阅读多行文本超出省略
移动端input输入框如何在键盘上显示为搜索
在移动端上,input 输入框在乎起软键盘时,如何让键盘上的“换行”显示为“搜索”呢? 我将 input 的t… 继续阅读移动端input输入框如何在键盘上显示为搜索