|
|
|
|
|
|
分类目录
赞助商
热门标签
网速宽带 无线网络 免费WiFi 网络诊断 系统优化 windows ADSL宽带 光纤宽带 城市光网 智慧城市 网络加速 网络安全 网速测试 网络工具 路由器 交换机 宽带猫 网卡 蹭网 3G 4G 资费 电信 联通 移动 铁通 广电宽带 e家宽 长城宽带 浏览器 鹏博士 WiFi WLAN LTE HSPA Verizon Google
301 Adsense alimama Baidu Asp ZBlog Asp.net DNS Free hosting GoDaddy Google Html Flash Alexa Internet JavaScript Oracle php SEO xml
搜索
- 纯CSS实现的网格图片(九宫图)缩放效果
使用 CSS Grid，创建图像网格很容易。不过本文不是介绍如何用 CSS Grid 创建图像网络，而是如何对这些网格图片做点效果，例如悬停效果，即是鼠标移到图片上后，图片会放大。
- 比较和了解何时使用SVG与何时使用Canvas
SVG 和 canvas 都是可以在 Web 浏览器中绘制内容的技术，在本文中，我们将研究何时使用SVG与何时使用Canvas。
- 图片SVG、PNG、JPEG、GIF有什么不同？
我们在设计网页时要用到图片，图片格式有很多，我们应该使用什么格式的图片呢？本文中，将给你介绍图片SVG、PNG、JPEG、GIF有什么不同。
- 自定义颜色稳重大方通用搜索框（纯CSS实现）
本文介绍一个稳重大方的自定义背景颜色通用搜索框，它是由纯CSS实现的，没有图片和JS代码。
- SVG 与 Canvas 的 6 大区别比较表
SVG 缩写为 Scalable Vector Graphics。它是一种基于矢量的图形，使用基于 XML 的图形格式为交互提供支持。
- SVG 与 Canvas 的五大区别
HTML <svg> 元素是 SVG 图形的容器。SVG 代表可缩放矢量图形。HTML <canvas> 元素用于通过 JavaScript 绘制图形。
- SVG图片对比PNG、JPEG的5大优点
在网页设计时，SVG图片比较少用，不过如果你要把自己的网页设计得精益求精，那么SVG图片对比PNG、JPEG图片，是有一些优势的。
- 如何仅使用HTML和CSS创建自定义Tab选项卡
本文将介绍如何仅使用HTML和CSS创建自定义Tab选项卡，无需 JavaScript 即可工作。
- 字符串删除HTML标签得到纯文本的2种方法
如何从字符串中删除HTML标签得到纯文本，本文将介绍2种实现方法。
- CSS如何创建淡入背景动画
CSS允许你设计背景颜色渐变的网页，要实现这一点，需要使用CSS中的animation属性来设置body元素的样式。
- 如何为图像、按钮和文本在悬停时添加淡入过渡效果
使用 CSS，悬停状态为你提供了一种结合交互式淡入动画的独特方式，你可以将其应用于各种元素，例如图像、按钮和文本。
- CSS为文本添加fade-in淡入动画效果
本文将给大家介绍如何用CSS为文本添加fade-in淡入过渡效果，CSS 允许你在 text 上添加淡入动画。
- css实现图片fade-in淡入动画效果
CSS允许你在图像上添加淡入动画，它实际上是使用淡入效果的流行方式之一。在这种情况下，图像将从透明过渡到不透明。
- CSS background与background-color的几个不同之处
今天在做一个实例时，偶尔发现background与background-color的的不同，于是研究了一下，总结出了它们的几个不同之处。
- 纯CSS：鼠标移上后，链接按钮颜色显示渐变效果
鼠标移上后，链接按钮颜色显示渐变效果，这个设计很常见。今天，我介绍一下这个效果的实现方法，是用纯CSS来实现的。
- 纯CSS实现：箭头+圆角方形提示框tooltip
本文介绍一个箭头+圆角方形提示框tooltip，它是纯CSS实现的，样式容易自定义，使用起来非常方便。
- 漂亮的HTML同一页内可平滑切换的登录/注册表单
今天介绍一个漂亮的HTML同一页内可平滑切换的登录/注册表单，该表单几乎是纯CSS实现，简单的JQuery代码仅3行。
- 如何使用css和图像为文字着色
一般情况下，是使用 css 设置文本颜色，但是通过这种简单的css技术，文本也可采用图像来着色。
- 如何使用CSS在图像顶部叠加图标
在图片上叠加其他图标，这种设计非常常见，今天将介绍如何通过CSS来实现这种设计。
- [示例演示] text-decoration在文字下面加波浪线/上面加直线
本文演示介绍在文字下面加波浪线，在文字上面加直线等各种text-decoration属性。
- CSS实现圆圈内含有文字并居中【实例】
在浏览网站时，我们经常看到使用包含文本的圆圈，这个要怎样实现呢？其实，只需要一点CSS技巧，就能实现这个效果。
- 无JS，纯HTML+CSS实现的表单验证
通常我们进行注册表单验证时，都是用JavaScript或JQuery来实现的，今天我要介绍的是，无需JS，纯HTML+CSS就能很好的完成表单验证的任务。
- 如何用CSS把背景分为2种颜色
在本文中，将介绍如何用CSS把背景分为两种颜色。实现方法其实很简单，并不需要任何复杂的代码。
- 上下左右“滑动式”翻页过渡效果2例【演示/源码下载】
在本文中，将介绍如何在网页间过渡时，采用“滑动式”翻页。
- 实例演示CSS Inline与inline-block的区别
在本文中，我们将看到 Inline 与 inline-block 之间的区别。
- [CSS]防止移动端放大屏幕时文字换行溢出的方法
在移动端放大屏幕时文字换行，这是CSS没有写好。经过测试，是可以这样来防止大屏幕时文字换行溢出的。
- 终于找到了，最新针对Chrome的CSS hack代码
我今天在国外网站，找到了单独针对Chrome的CSS hack代码，测试有效！
- 以前的失效了,最新CSS识别Chrome、Firefox、IE11代码
以前的代码已经失效了，经过测试，发现现在有了新的CSS识别Chrome、Firefox、IE11浏览器的代码，至少到目前为止，这些代码还能用。
- 把字体大小设置小于12px,所有浏览器通过(包括Chrome)
我们有时想把页面某个模块的字体大小设置小于12px，那该怎么办呢？现在问题解决了，所有浏览器测试有效(包括Chrome)。
- CSS类不起作用？id、类名、标签选择器的优先分析
CSS类不起作用的原因，其实就是继承与优先的问题。今天我将通过几个实例来分析这个问题。
- 【8实例】详解css z-index的值使用区别:-1,0,1,auto,999
z-index在网页设计中表示层的上下关系，今天，我将通过几个实例，来详解z-index的值在实际使用中如何设置。
- $(document).height()与$(window).height()高度相同的原因
今天在写一个JS程序的时候，发现执行结果不符合预期，开始以为是代码问题，后又以为是浏览器问题，最后才检查出来，原来是 <!DOCTYPE> 与 <!DOCTYPE html> 的问题。
- 纯CSS大气通用移动网页导航菜单【演示/源码下载】
这个移动端网页导航菜单是我在使用某网站时，觉得挺好，挺喜欢，就把它剥离下来了。
- CSS需这样识别火狐Firefox、Chrome浏览器写兼容性代码
写CSS需要考虑浏览器兼容性问题，我们要针对不同的浏览器，某些CSS代码要略有不同。
- 3款浅灰色大气通用Table表格CSS【实例演示/源码下载】
今天做了几个样式不错的大气通用表格Table CSS样式，给大家分享一下。
- 【10个示例】了解CSS linear-gradient()背景颜色渐变
在本文，将用10个简单示例，介绍CSS linear-gradient()背景颜色渐变的使用方法。
- 简单实例解释：background:-webkit-gradient() color-stop()
本文将通过一个简单的实例，来解释color-stop()的含义及其用法。
- 两种方法——在input输入框里放一个搜索小图标
把搜索图标放在输入框内，这是一个时尚的UI设计方式。本文将通过3个实例，介绍如何在input输入框里放一个搜索小图标。
- 4个实例演示——美化表单input输入框CSS样式
在本文中，将通过4个实例，演示如何美化表单input输入框的CSS样式。
- 纯CSS3：鼠标移上后(悬停)图片/文字出现扫光效果
本文将更介绍的是，文字扫光效果加上悬停事件，即是只有鼠标移上去后，图片/文字才出现扫光效果。
- 纯CSS3实现图片/logo/文字扫光效果【演示/源码下载】
本文要介绍的是，使用纯CSS3来实现图片/文字扫光效果，实现起来代码不多，非常容易修改使用。
- 哪种图像文件更好：SVG 还是 PNG？
有几十种图像文件类型，每种都根据压缩类型、格式和浏览器支持而变化。但最常用的两种格式是 SVG 和 PNG 格式。这两种文件类型的区别再大不过了——每一种都更适合特定的情况。
- 6种Web图像文件优缺点比较：JPEG/PNG/SVG/GIF/BMP/WebP
每一种图片类型格式都有其独特的特点，有优点，也有缺点。本文将介绍6种Web图像文件优缺点比较：JPEG(JPG)、PNG、SVG、GIF、BMP、WebP。
- 6款CSS性能检测、审计(audit)工具
如果你需要重构和清理你的CSS，那么，一些有用的工具可以用来帮助你识别重复项。本文将为你介绍几款CSS检测工具。
- 深入详解CSS background-size的3个属性值auto、contain和cover
使用background-size，首先要清楚的是我们要处理的是背景，而不是 HTML ( img) 元素。处理HTML（img）元素，是使用前文介绍的object-fit。
- 【实例】深入详解 CSS 中的 object-fit 5个属性值
在本文中，我们将介绍如何使用object-fit，以及一些实际用例和建议。
- 使用 css object-fit 对象拟合调整图片大小
object-fit(对象拟合)object-fit有5个属性：none、cover、contain、fill、scale-down，它们用于控制如何调整被替换元素的内容大小的实用程序。
- 如何使用 CSS object-fit 等比缩放和裁剪图像
你可能会遇到在处理图像时希望保留原始纵横比的情况。保持纵横比可以防止图像因被拉伸或挤压而出现扭曲。此问题的常见解决方案是使用background-image CSS 属性。更现代的方法是使用object-fit CSS 属性。
- CSS3实现订单/进程/步骤进度条【演示/源码下载】
本文介绍一款用CSS3实现的订单/步骤进度条，这个案例的使用是比较广泛的，很多知名网站都用到它。
- CSS3 图片背景填充文字并实现动画效果
本文介绍如何使用CSS3实现图片背景填充文字并做成动画效果。
