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

前端技术 2023/09/08 CSS

一、currentColor-真正大隐于市者实际上，之前“SVG图标颜色文字般继承与填充”一文就简单介绍过currentColor, 后来有同事问此关键字，说没见过。我意识到，应该好好大家宣扬currentColor一番。 currentColor顾名思意就是“当前颜色”，准...

前端技术 2023/09/08 CSS

鼠标hover 以后。图片上面出现一个遮罩, 透明度变化，显示设置好的文字的文字，完全使用css 实现，下图是效果关键代码复制代码代码如下: .featured-image:hover { opacity: 0.9; color: #fff; backg...

前端技术 2023/09/08 CSS

IE下target获得焦点时存在虚线时，用IE的特定属性：hidefocus=\"true\"即可解决！

CSS list-style-type属性使用方法

前端技术 2023/09/08 CSS

设置对象的行项标记的预定义类型。语法 { list-style-type: sType } 可能的值 sType 一个字符串，用于指定以下值之一： disc 默认值。实心圆。 circle 空心圆。 decimal 1、2、3、4 ...

前端技术 2023/09/08 CSS

　　纯css3打造的一款非常炫的加载图。用在需要一定时间加载的地方非常合适。代码非常简单。没有用任何javascript代码。纯css3实现。先上效果图：　　实现代码如下：　　html代码： XML/HTML Code复制内容到剪贴板 <div class=\...

前端技术 2023/09/08 CSS

一般的文字截断（适用于内联与块）： CSS Code复制内容到剪贴板 .text-overflow { display:block;/*内联对象需加*/ width:25em; word-break:keep-...

前端技术 2023/09/08 CSS

先看一下效果： http://www.keleyi.com/keleyi/phtml/fixedcenter.htm 关键代码是：#topmenu_keleyi_com{position:fixed;left:0px;right:0px;width:706px;margin-l...

前端技术 2023/09/08 CSS

毕业设计要做一个提示框：当鼠标放在某个链接上时，下边显示有提示功能的窗体。如下：具体代码实现如下： CSS：复制代码代码如下: .rhsyyhqDIV{ position:absolute; top:555px; left:200px; font-size...

前端技术 2023/09/08 CSS

CSS 是我们使用的功能强大和最常用web 语言。他可以兼容新旧不同的浏览器，他的兼容跨度确实够大的，从微软的IE到火狐再到谷歌浏览器。在设计的时候我们总是想创建更有创意和风格的网站，无论创建怎么样的网站，有些CSS代码是必须要掌握的，可以说这是核心，掌握这样的...

less开发指南

前端技术 2023/09/08 CSS

【一】less简介 LESS（是.less后缀名的文件）包含一套自定义的语法及一个解析器，我们根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性，更不是用来取代 CSS 的，而是在现有 CSS 语法...

关闭

我的博客