CSS

CSS文字左右两横线效果 Code

CSS文字左右两横线效果

代码效果请直接看演示吧:Demo演示 效果一代码 <style type="text/css" media="screen"> #login_frame .with-line { width:300px;font-size: 16px; color: #999; margin: 0 auto; position: relative; text-al···
CSS线性渐变 linear-gradient 前端设计

CSS线性渐变 linear-gradient

今天分享一个CSS的线性渐变功能,比较舒服,比起用图片来,方便不少!! 要创建一个线性渐变,关键在于设置一个渐变的方向和渐变的起止颜色! 这里直接给出一个示例,兼容各大主流浏览器,其中IE用了滤镜! <styl···
用户体验:IE、Firefox兼容的css hack 前端设计

用户体验:IE、Firefox兼容的css hack

ps.暂时收藏,稍后整理总结。 好多css hack,最重要的是简单实用能解决问题就行了,例如: .color{ background-color: #CC00FF; /*所有浏览器都会显示为紫色*/ background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/ *background-color: #0066FF; /*IE6、IE7会变为蓝色*/ _background-color: #009933; /*IE6会变为绿色*/ } 总结: \9: IE6 IE7 IE8 *: IE6 IE7 _: IE6 *+: IE7(经我测试没多大用)
CSS Sprites技术–阿里妈妈UED 前端设计

CSS Sprites技术–阿里妈妈UED

CSS Sprites 简介:通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。随着Web设计向着精致、 巧妙的方向发展,设计师们开始考虑使用非Javascript的方式制作鼠标滑过、悬停菜单的效果,这时CSS Sprite应运而生。
CSS技巧超级合集(备忘) 前端设计

CSS技巧超级合集(备忘)

一、使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。二、明确定义单位,除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比 如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。
标签: CSS - YangJunwei - 第 2 页