大G的博客

字体颜色渐变字体颜色渐变这里有几个知识点：1.content属性的值除了使用文本之外，还可以直接访问读取标签的一些属性值。使用的方法是： attr();2. -webkit-mask 主要是用来给一个元素添加一个蒙版。蒙版可以是透明的png图片也可以是CSS3的渐变效果。 字体颜色渐变 字体颜色渐变 h1,.beauty-font

Rem布局原理rem布局的本质是什么？这是我问过很多人的一个问题，但得到的回答都差强人意。其实rem布局的本质是等比缩放，一般是基于宽度，试想一下如果UE图能够等比缩放，那该多么美好啊假设我们将屏幕宽度平均分成100份，每一份的宽度用x表示，x = 屏幕宽度 / 100，如果将x作为单位，x前面的数值就代表屏幕宽度的百分比p {width: 50x} /* 屏幕宽度的50% */如果想要页面元素随着

以上代码是用css属性实现的三角 .box { width: 0px; height: 0px; overflow: hidden; border-width: 10px; border-color: transparent transparent red tra

不换行<span></span><span></span>设置父级font-size为 0设置换行的标签否定边距margin-left;选用浮动属性float利用注释排版 <span></span><!-- --><span></span>使用返回标签 <span></span ><span></span>

左图为有边框右图为无边框：添加如下样式img { background:#000; border:1px solid #fff; border-width:5px 5px 5px 5px; box-shadow:1px 1px 5px #333; -webkit-box-shadow:1px 1px 5px #333; -moz-box-sh

.loading:after { overflow: hidden; display: inline-block; vertical-align: bottom; animation: ellipsis 2s infinite; content: "\2026"; /* ascii code for the ellip

console.log("%c%c发光字体", "line-height:28px;", "line-height:28px;padding:4px 0px;color:#fff;font-size:12px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ff22ff),color-stop(1,