用CSS如何实现单行图片与文字垂直居中
网站性能优化之CSS无图片技术
在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术;换句话的意思就是在使用纯CSS生成类似图片效果的技术。
HTML5/CSS3系列教程:使用SVG图片
在我们开始使用SVG前,让我们先了解一下 SVG,并且解释一下为什么使用SVG。SVG全称是Scalable Vector Graphics,如果你使用过adobe Illustrator的话,相信你对这种适量格式的图片并不陌生!
如何建立一个样式新颖的CSS3搜索框
搜索框大概是web开发中最常用的UI元素之一,我想基本没有必要去介绍如何使用它。无论是网站还是web应用,都会为了增强用户体验而添加它,那么你是不是也想过设计一个别致的搜索框?
使用jQuery和CSS将背景图片拉伸
现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。
CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法
网页布局设计技术迄今为止主要有:table表格布局,DIV+CSS布局以及层布局。目前的网页布局设计领域主流是以DIV+CSS布局为主,table表格布局和层布局为辅。另外我还要告诉你一个秘密,那就是以DIV+CSS技术设计的网页是很招搜索引擎喜欢的哦!
使用CSS3实现的超酷幻灯图片效果
这个教程将介绍如何使用纯CSS创建一个干净的幻灯图片面板。主要想法是在面板中使用背景图片,然后在点击标签后使之动画。
网页提速之:利用css sprites减少图片请求
在高举“用户体验”为中心的网络时代,你是否因为打开网页速度太慢而关闭网页呢?相信很多人的答案都是肯定的。在高速的网络时代,千万不要挑战广东网民的耐心,不然只会导致网民远离你的网站而去。
CSS Lint-线上CSS检测工具 让你的样式表更正确精简
CSS Lint 能线上分析并检测你的网站 CSS 样式表有无任何潜在问题,使用方法很简单,只需要把 CSS 内容复制贴上,最后按下 LINT!按钮就可以检查。
CSS自定义滚动条样式
相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下。当然,兼容所有浏览器的滚动条样式目前是不存在的。
CSS 多个子框架居中
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个 Div ,或者其他 block 级元素),如果子框架只有一个的话,我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。
CSS多个子框架居中
有时我们需要令一个宽度固定的容器里的子框架居中(例如一个Div ,或者其他block级元素),如果子框架只有一个的话,我们只需要为子框架加上CSS属性margin:auto就可以了。
用CSS Sprites合并WordPress表情图片教程
用CSS Sprites将WordPress表情图片合并为一个文件这个想法其实我很早就有了,我已经在别的网站上见到这样的应用了(比如人间网就用了这个技术)。 那么这个方法有什么好处呢? 我想这个方法最大的好处就是大大减少了HTTP Request数量(要知道一般博客上面如果有表
两款CSS3样式可视化生成工具推荐
CSS3随着浏览器的升级已经被越来越广泛的运用,合理的运用CSS3可以使你的网站更加美观,并且之前只能用js才能实现的效果也已经可以直接用CSS3来实现。
JS代码实例:实现随机加载不同的CSS样式
随机载入CSS样式的JS效果实际上很好实现,本文的代码如下,具体思路是用一个默认的CSS样式:default.css。另外再用三个其他名称 的CSS:skin1.css,skin2.css,skin3.css。
CSS样式表在网页设计中的特性
从看了Zeldman先生的力作“Designing with Web Standards”中文版为《网站重构》(第2版)一书,感受颇深,坚定了我用web标准的思想,去开发实践我们的项目。但是仅知道一些什么是web标准以及如何应用到实际项目中,还是远远不够的。
CSS样式表的属性选择器的四种格式
属性选择器(Attribute Selectors),或许你不应该对属性选择器感到生疏,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。
网页添加CSS样式表的四种方式
使用STYLE属性: 将STYLE属性直接加在个别的元件标签里,这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件。