随着font awesome的不断完善和字体图标的不断增加，他的css和字体文件的体积也变得越来越大。下载下来的话会加重自己网站的负担，并且拖慢页面的记载速度。此时可以通过调用一些公共静态资源库的cdn资源来实现加速页面加载和减轻自己服务期负担的目的。
首先引用在线的font awesome的css文件:
然后再页面的html代码中直接使用即可.
微信 支付宝 QQ 扫码打赏
您可以使用CSS的:hover选择器来实现在鼠标悬停时显示隐藏文本的效果。下面是一个简单的示例代码：HTML代码：这是一个带有隐藏文本的段落。CSS代码：p span { display: none;}p:hover span { display: inl...
下面是一个简单的CSS表格，你可以根据你的需求进行修改：HTML代码： 姓名 年龄 性别 小明 20 男 小红 22 ...
先来看一下效果：CSS :checked伪类选择器思路是使用checkbox的:checked来做隐藏和显示。跟上面这个CSS Tab使用radio来实现是差不多的。当点击label标签时，会绑定同步点击 "for" 属性值为 "checkbox" 的 "id...
先看一段普通的CSS代码style{width:400px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;/ * autoprefixer:off * /-webkit-box-orien...
一般来讲，制作网页模板的时候，习惯用CSS里面的background来定义div元素的背景。这是最通用最便捷的方法，并且将ccs代码写到css样式表的单独文件里，还可以简化html代码，使网页代码更加简洁。但是，有些时候会有一些图书需求。比如当元素的背景图片需...
话不多说,直接上四个比较经典的漂亮css表格样式代码:①第一个,浅灰色表和css样式,非常经典此样式仅用配色实现,无需调用图片，代码是：table.gridtable { font-family: verdana,arial,sans-serif; font-...
使用css3实现表格隔行换色/隔列变色/指定行字体颜色和背景颜色的方法table tr:nth-child(odd){background:#F4F4F4;}/*奇数行背景色*/table td:nth-child(even){color:#C00;}/*偶数...
随着font awesome的不断完善和字体图标的不断增加，他的css和字体文件的体积也变得越来越大。下载下来的话会加重自己网站的负担，并且拖慢页面的记载速度。此时可以通过调用一些公共静态资源库的cdn资源来实现加速页面加载和减轻自己服务期负担的目的。首先引用...
在input输入框中使用place内写入文字的方法可以对此输入框做一些简单的说明，但是其颜色如果和输入框文本颜色那样深就会显得有点突兀，可以使用css样式来修改placeolder的文本颜色，使用方法如下：input::-webkit-input-placeh...
在制作一些百度竞价落地页或者营销型的企业网站的时候，经常会需要在网页页面右下角展示一个固定的div，里面放置一个form表单供客户填写，用来收集客户信息。这个功能很实用，并且只需要几行简单的css代码即可实现。先来看一下纯div和css实现右下角固定div的效...
有时候，处于营销或者其他原因，我们希望网页上的某些元素或者某个div更显眼一些，从而让访客可以关注到这些内容。而由于需要照顾网页美观协调，又不能把它改成太过显眼的颜色，比如大红色。这时候就可以使用css3的呼吸灯效果，为内容所在div做一个闪烁的边框来实现。c...
把网站前台的UI设计好之后，前台去浏览，有时候总觉得怪怪的。最后发现问题是因为浏览器的滚动条不协调导致的。而且，不同浏览器的滚动条还有很多差别。这里，我们可以通过css修改浏览器scrollbar滚动条样式的方法，让页面更加美观舒适。纯css修改浏览器scro...
鉴于访客屏幕大小不一，所以一般会将网页的背景图尽量做大开始应大屏幕的浏览效果。但是，这也导致小屏浏览的时候因为无法显示整张图片而导致页面浏览体验变差。这时候，使用css控制网页背景图随浏览器的宽度而实现自适应，并且将背景图进行等比例缩放，即可实现想要的效果。纯...
当鼠标移动到当前div的时候改变内部子div的样式或其他div样式，借助简单的js代码来实现。可以实现不同部位菜单导航的联动或前台不同部位的互动效果。先来看看效果：js实现鼠标移入div后改变内部其他子div样式的全部html代码： js...
div在页面布局上因为没有特定的属性限制，所以样式可以更好的控制。比如制作一个漂亮的在线客服div，通过点击这个div跳转到聊天界面。div点击后打开指定链接的代码：点击div后在新窗开指定链接点击div后在当前窗口打开指定链接
遇到问题情境：由于Layui部分内置模块依赖jQuery，所以没有单独引入jQuery，但是在使用$常规写法获取dom元素时，提示未定义出现问题的原因：由于Layui部分内置模块依赖jQuery，所以我们将jQuery1.11最稳定的一个版本作为一个内置的DO...
css3可以通过代码渲染的方式实现网页背景的高斯模糊效果，告别更换背景时候的ps批图。分享三种css3实现网页背景图片高斯模糊效果的方法。css3实现网页背景模糊方法一（正常模糊）： html, body { ...
如果你在电脑上查看照片时，发现没有显示缩略图，可能是以下原因之一：缩略图选项未启用：请确保你的电脑上启用了显示缩略图的选项。在 Windows 操作系统中，你可以按照以下步骤操作：打开文件夹 -> 点击“查看”选项卡 -> 点击“选项” -> 点击“更改文件和...
织梦后台的关键词维护默认的情况是字数少的词优先于字数多的词，比如我们有两个这样的词：创业、创业方向，第二个词包含了第一个词，在文章中如果出现“创业方向”这个词，默认情况下只会给创业两个字添加关键词超链接，而不是整个词，那么我们怎么样才能实现字数多的词优先于字数...