Web 技术

用box-shadow来实现按钮按下去的效果

eg:input{ box-shadow: 0.5rem 0.5rem 2rem #babecc, -0.5rem -0.5rem 1rem #fff; } 这里input有了阴影效果,看起来像立体。input:hover{ box-shadwo:0 0 0 0 #ba...
技术 blog

网易云签到 自动刷歌

网站展示:https://wyy.hxyxyz.top:444/源码下载:https://pan.hxyxyz.top/%E6%BA%90%E7%A0%81/NetEaseMusicClock_9fxw.com.zip步骤1.下载源码2.把压缩包解压,把所有文件移到网站根目录
Web 技术

收藏颜色

黑色类#373131#060a1f#2c3a47#646464绿色类#21cc17白色类#ebecf0#becacc#f2f2f2#f5f5f5蓝色类#03a9f4#03a9f4#127fd6#053a66红色类#f44115#ff060a#ff006a#ec006a黄色类...
Web js 技术

setInterval() 和clearInterval() 方法

HTML DOM setInterval() 方法定义和用法setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterv...
Web 技术

css选择器的优先级和权重问题

CSS选择器的种类:1.id选择器如:(id=”name”,id=”name_txt)(*name)2.class选择器(如:class=”head”,class=”head_logo”)(#head)3.标签选择器(如:body,div,p,h1,form)4.全局选择器...
Web 技术

CSS calc() 函数

定义与用法calc() 函数用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);任何长度值都可以使用calc()函数进行计算;calc()函数支持 "+", "-", "*", "/" 运算;calc()函...
Web 技术

伪元素::before和::after

::before 选择器在被选元素的内容前面插入内容。请使用 content 属性来指定要插入的内容。在每个 <p> 元素前面插入内容,并设置所插入内容的样式:p:before { content:"台词:-"; background-co...
Web 技术

CSS overflow 属性

定义和用法overflow 属性规定当内容溢出元素框时发生的事情。overflow: hidden;可以使没设置高度的div,其高度随着内容自适应。 可能的值值 描述visible 默认值。内容不会被修剪,会呈现在元素框之外。hidden 内容会被修剪,并...
Web 技术

CSS中提升优先级属性!important

一、语法选择器{样式:值!import;}二、说明提升指定样式规则的应用优先权,即!important为开发者提供了一个增加样式权重的方法,让浏览器首选执行这个语句。例如下面这个样式:div{ margin-left:20px!important; ma...