|
|
|
|
|
|
分类目录
赞助商
热门标签
网速宽带 无线网络 免费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技巧，就能实现这个效果。
- 无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实现图片背景填充文字并做成动画效果。
- CSS3背景图片填充文字【实例演示/源码下载】
本文介绍CSS3如何使用背景图片来填充文字，让文字变得更酷。
- 一图解释 animation-direction 属性 normal | reverse | alternate | alternate-reverse
CSS3 animation 动画属性 animation-direction 是一个动画方向的属性，该属性有4个值：normal | reverse | alternate | alternate-reverse，它们的运动方向是不同的，本文着重介绍它们的区别。
- 一图解释 animation-timing-function 6个属性值的区别
CSS3 animation属性animation-timing-function定义了动画的播放速度曲线。该属性值有6个可选，它们各不相同，只要表现在运动速度(曲线)方面的差异。
- 一图了解animation-fill-mode: none|forwards|backwards|both各属性值
CSS3 animation动画属性有个animation-fill-mode属性值，比较常用的有forwards和backwards。这些值有什么不同呢，今天本文将用一个实例一图解释。
- css3 loading加载动画圆形/圆周滚动效果【演示/源码下载】
本文介绍一个纯CSS3实现的loading加载动画，是一个圆形滚动的效果。
- 【实例】详解 CSS3 animation 6个动画属性
CSS3 animation 有6个动画属性，本文将学习了解animation动画属性的固有写法，了解其各属性的具体含义。
- 一图理解animation属性linear/ease/ease-in/ease-out/ease-in-out
CSS3 animation动画属性值linear、 ease、 ease-in、 ease-out、 ease-in-out，这5个属性值都是规定动画的速度曲线，速度曲线用于使变化更为平滑。
- 实例分析CSS3 transform: translateY() rotate() rotateY() rotateX()
CSS3动画属性transform，在上一文中，我们学习了《transform: scale() 缩放转换》，本文将通过一个实例来分析如何使用其他的动画属性。
- CSS3 transform: scale() 缩放转换【实例分析演示】
CSS3中有个transform: scale()的属性，这是一个缩放转换属性。本文将介绍transform: scale()一个简单的缩放实例。
- CSS3实现段落第一个文字放大【实例演示/源码下载】
本文将介绍如何使用CSS3实现段落第一个文字放大。在放大文字的同时，还能为它添加一些样式，把它的背景设为圆形、圆角、正方形等形状。
- 3行CSS代码实现文字镂空(动画)效果【演示/源码下载】
本文介绍如何用图片填充文字颜色，文字颜色用图片来填充，即是所说的文字镂空效果。
- 纯CSS实现二级导航菜单(具有伸缩过渡效果)
本文将要介绍的是一款具有伸缩过渡效果的二级导航菜单，该菜单使用纯CSS实现，代码较少，修改容易，如果你喜欢此菜单的效果，那么可以直接下载本实例修改使用。
- CSS实现Menu Toggle移动菜单切换按钮(打开/关闭)
移动菜单一般都有一个开关按钮，可以点击按钮打开或关闭菜单，本文将介绍一个CSS实现的Menu Toggle移动菜单切换按钮(打开/关闭)。
- 一图显示CSS3空格号和“>”大于号的使用区别
本文介绍CSS3空格号和“>” 大于号的区别，一图清晰显示它们之间的用法区别。
- 一图显示CSS3 “+” 加号 “~” 波浪号的使用区别
CSS3 “+” 加号选择器 和“~” 波浪号选择器具有差不多的作用，但又有些区别，下面一图便清晰显示了CSS3 “+” 加号 “~” 波浪号的区别。
- 具有日期和具体钟点时间的时间线【演示/源码下载】
大部分时间线都只有日期，今天介绍一款具有日期和具体钟点时间的时间线/时间轴。当点击日期时，还可以折叠该日时间线。
- 漂亮的左侧二级导航菜单(伸缩式)【演示/源码下载】
本文介绍一个伸缩式的左侧二级导航菜单设计。默认显示一级菜单，点击菜单时显示其子菜单。本菜单使用了CSS+Javascript来实现。
- 4款CSS 3D按钮点击过渡效果
本文介绍4款纯CSS实现的3D按钮点击过渡效果，HTML4款3D按钮实例不同的过渡效果完全由不同的CSS来实现。
- 纯CSS伪元素创建的84个小图标
前面曾介绍过512个CSS图标形状(icon shape)，今天再推荐一下，用纯CSS伪元素创建的84个小图标。
- 使用伪元素在p或div左边(border)上加一个感叹号警告提示符
本文介绍一个有趣的p或div样式，其左边框有一个感叹号警告提示符，整个设计是纯CSS实现，并且代码简单易懂。
