![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
黑面狐 sa~
今年只变强,不变秃!
展开
-
CSS鼠标指针类型
<!DOCTYPE html><html><body><p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p><span style="cursor:auto">Auto</span><br /><span style="cursor:crosshair">Crosshair</span><br /><span style="cursor:default">Default</原创 2017-11-17 17:55:29 · 555 阅读 · 0 评论 -
关于z-index的总结
z-index的作用 很多时候需要把一个元素覆盖到另一个元素之上,比如登入弹出框等,这个时候就需要z-index属性出场了。所以呢,z-index就是调节层的显示优先级,决定哪个显示在最上方。作用范围就是Positioned element,比如绝对定位,相对定位,固定定位。 层叠上下文(The stacking context)中的z-index 先看下面的关系图:这是效果:我们会转载 2018-01-16 10:28:39 · 435 阅读 · 0 评论 -
网站Logo图片链接HTML代码深藏的SEO技巧-转
原文:http://www.webkaka.com/blog/archives/Logo-image-link-html-for-SEO.html突然发现,一个普通不过的网站Logo的链接,却隐藏着令人感叹的SEO技术。 网站Logo位,有的网站选择放置形象图片,有的网站比较简单,只写个网站关键词。而不管是放图片还是放文字,都会带上一个连到主页的链接。 正常情况下的HTML代码应该...转载 2018-06-29 17:19:10 · 2274 阅读 · 1 评论 -
css 实现div内显示两行或三行,超出部分用省略号显示
一、div内显示一行,超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、div内显示两行或三行,超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;(...转载 2018-11-23 10:27:48 · 5168 阅读 · 0 评论 -
a标签限制宽度,超出的文本用...代替
<a href="">这是一个aaaaaaaaaaaaaaaaaaa</a>下面是css实现: .goods-name-limit{ width: 360px; display: block; overflow: hidden; word-break: keep-all; white...原创 2019-07-18 11:50:10 · 1188 阅读 · 0 评论 -
小tips: zoom和transform:scale的区别
一、IE和Chrome等浏览器与zoom还在几年前,zoom还只是IE浏览器自己私有的玩具,但是,现在,除了FireFox浏览器,其他,尤其Chrome和移动端浏览器已经很好支持zoom属性了:https://image.zhangxinxu.com/image/blog/201801/2018-01-09_002325.pngzoom的字面意思是“变焦”,摄影的时候常用到的一个概念。对于w...转载 2019-07-17 16:38:02 · 292 阅读 · 0 评论