CSS - 分享生活和学习中的点点滴滴

学习笔记 2020/09/01 CSS, HTML

用css3实现鼠标移进去当前亮其他变灰的特效。代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  ...

前端技术 2023/08/08 CSS

你还记得通过设置图片的 background-size 属性可以解决很多问题的时刻吗？现在你可以使用 object-fit 了，它最先被 webkit 内核的浏览器支持，不久其他浏览器内核也陆续跟上，当然这里不包括IE8以下的IE浏览器... CSS Code复制内容到剪贴板...

前端技术 2023/08/08 CSS

Windows的一些：黑体：SimHei 宋体：SimSun 新宋体：NSimSun 仿宋：FangSong 楷体：KaiTi 仿宋_GB2312：FangSong_GB2312 楷体_GB2312：KaiTi_GB2312 微软雅黑体：Microsoft YaHei 装Of...

前端技术 2023/08/08 CSS

复制代码代码如下: <div style=\"padding-top:10px;padding-bottom:2px;float:left;position:relative;\"> <img src=\"images/icon1.png\" width=\"...

前端技术 2023/08/08 CSS

css3中如何让多余的字符串消失并附加省略号的方法可以使用复制代码代码如下: white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;h...

前端技术 2023/08/08 CSS

1. word-break:break-all;只对英文起作用，以字母作为换行依据 2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据 3. white-space:pre-wrap; 只对中文起作用，强制换行 4. white...

前端技术 2023/08/08 CSS

media type(媒体类型)是css 2中的一个非常有用的属性，通过media type我们可以对不同的设备指定特定的样式，从而实现更丰富的界面。media query(媒体查询)是对media type的一种增强，是CSS 3的重要内容之一。随着移动互联网...

前端技术 2023/08/08 CSS

1、两头渐变透明：复制代码代码如下: <HR style=\"FILTER: alpha(opacity=100,finishopacity=0,style=3)\" width=\"80%\" color=#987cb9 SIZE=3> ----...

前端技术 2023/08/09 CSS

这个样式就可以让每行显示4个外面的 .liStyle {width:700px; float:left;} 里面的 .liStyle li{list-style:none; width:170px; float:left;}

前端技术 2023/08/09 CSS

PNG透明效果的CSS定义有很多，但兼容各浏览器的却很少，需要的朋友可以参考下复制代码代码如下:<style> .mycls{ width: 48px; height: 48px; background: url(20090318230119136.png) n...

关闭

我的博客