随笔分类 -  CSS

[翻译] CSS3弹性盒模型布局模块 (aka Flex Box)介绍和demo/测试用例
摘要：来源：Robert’s talk原文：http://robertnyman.com/2010/12/02/css3-flexible-box-layout-module-aka-flex-box-introduction-and-demostest-cases/翻译：网易前端开发组 纪老湿link：http://www.ued163.com/1864/%E7%BF%BB%E8%AF%91-css3%E5%BC%B9%E6%80%A7%E7%9B%92%E6%A8%A1%E5%9E%8B%E5%B8%83%E5%B1%80%E6%A8%A1%E5%9D%97-aka-flex-box%E4%BB 阅读全文
posted @ 2011-12-04 22:11 Ensonfield 阅读(310) 评论(0) 推荐(0)
输入框输入类型限制
摘要：css 之 ime-mode语法：ime-mode : auto | active | inactive | disabled取值：auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活imeinactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤销激活imedisabled : 完全禁用ime。对于有焦点的控件(如输入框)，用户不可以激活ime说明：设置或检索是否允许用户激活输入中文，韩文，日文等的输入法(ime)状态。此属性对于 currentsty 阅读全文
posted @ 2011-10-27 10:35 Ensonfield 阅读(430) 评论(0) 推荐(0)
CSS教程:定位属性在元素中的层级关系
摘要：注意：这里把position : static这个默认的定位属性值同意认为没有定位，position:relative、position:absolute和position:fixed都认为是有定位 。position:fixed在ie6下未支持，所以本位不做实例，在其他浏览器下同样适用。一、在没有定位属性的兄弟元素中，一般在html结构下面的元素层级高于结构上面的元素。二，兄弟元素中有定位属性的元素层级高于没有这两个属性的其他兄弟元素。看一个在结构上面元素上加position:absolute例子，这个可能大家很常用：<div style="width:400px; heig 阅读全文
posted @ 2011-10-19 16:13 Ensonfield 阅读(1485) 评论(0) 推荐(0)
小小zoom的大大作用
摘要：一直对于这个属性不是很重视，但是接触过几次之后发现很多时候纠结很久的bug原来就是这个小小属性引起的，今天特意研究了一下这个zoom，记录一下他得些许功能。（1）继承性： 无 兼容性： IE 基本语法 zoom : normal | number 语法取值 normal : 默认值。使用对象的实际尺寸 number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值 使用说明 设置或检索对象的缩放比例。设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动。虽然此属性不可继承，但是它会影响对象的所有子对象( children )。 阅读全文
posted @ 2011-10-08 14:37 Ensonfield 阅读(163) 评论(0) 推荐(0)
JQuery鼠标经过弹出菜单
摘要：本文中的例子是使用了jQuery框架来实现，当鼠标划过按钮的时候出现下拉菜单。View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http://www.w3.org/1999/xhtml"><head><meta http-equiv="Conte 阅读全文
posted @ 2011-09-27 15:33 Ensonfield 阅读(617) 评论(0) 推荐(0)
CSS清除浮动问题
摘要：overflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很了解。一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢？<div id="wai"><div id="nei"></div></div>这是一个常用的div写法，下面我们来书写样式。#wai{ width:500px; background:#000; he 阅读全文
posted @ 2011-09-26 11:24 Ensonfield 阅读(315) 评论(0) 推荐(0)