css

在css中，id选择符的标识是“#”，可以为标有特定id属性值的HTML元素指定特定的样式，语法结构“#ID值 {属性 : 属性值;}”。ID属性在整个页面中是少数不可重复的；ID属性值不要以数字开头，数字开头的ID在Mozilla/Firefox浏览器中不起作用。 本教程操作环境：windows7…

平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信可以带来不一样的体验。 一、hover 延时触发 有这样一个场景，在鼠标停留在一个元素上1s后才触…

在了解BFC(Block Formatting Context)之前，我们先来看看FC(Formatting Context)是什么： 这段话来自W3C官网，我们可以得到如下信息： 所有的盒子都属于一个FC 块级元素的布局属于一个BFC。例如div/p/h2等 -> BFC布局中 行内级元素的…

在css中，calc是计算的意思；calc可以理解为一个函数function，是calculate的缩写，用来指定一个元素的长度，calc可以给元素做计算，使用指定的单位值计算出长度值，语法为“元素{长度属性:calc(表达式)}”。 本教程操作环境：windows10系统、CSS3&&am…

布局效果： 简单解析一下效果： 在屏幕视口较为宽时，表现为一个整体 Table 的样式 而当屏幕视口宽度较小时，原 Table 的每一行数据单独拆分为一个 Table 进行展示 很有意思的一个响应式布局，让信息在小屏幕下得到了一种不错的展示。 那么，仅仅使用 CSS 的话，能否实现这样一个布局呢？答…

页面上有一段文本，能否实现这段文本在不同背景色下展示不同的颜色？也就是俗称的智能变色。像是下面这样： 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: d…

CSS 写出三角形 /* create an arrow that points up */div.arrow-up { width:0px; height:0px; border-left:5px solid transparent; /* left arrow slant */ border-r…

CSS3 calc() 的使用 calc() 用法类似于函数，能够给元素设置动态的值： /* basic calc */.simpleBlock { width: calc(100% – 100px);}/* calc in calc */.complexBlock { width: calc(10…

文本渐变 文本渐变效果很流行，使用 CSS3 能够很简单就实现： h3[data-text] { position: relative;}h3[data-text]::after { content: attr(data-text); z-index: 10; color: #e3e3e3; pos…

禁用鼠标事件 CSS3 新增的 pointer-events 让你能够禁用元素的鼠标事件，例如，一个连接如果设置了下面的样式就无法点击了。 .disabled { pointer-events: none; } 关于“css如何使用禁用鼠标事件”这篇文章就分享到这里了，希望以上内容可以对大家有一定的…