CSS注释的一些高级用法 准修饰选择器(Quasi-qualified selectors) 你应当避免过分修饰选择器,例如如果你能写 .nav{} 就尽量不要写 ul.nav{}。过分修饰选择器将影响性能,影响 class 复用性,增加选择器私有度。...
分类:
Web程序 时间:
2015-07-30 09:41:03
阅读次数:
153
tab页签通常适用于空间有限而内容较多同时兼顾页面美观度不给用户一种信息过量视觉疲劳的情形。使用面非常广,下面我们用两种方法简单实现之。 首先,构建页面元素。页签的可点击部分我们通常用列表来承载,包括ul和ol,我们这里让页签呈横向分布,所以需要使之向左浮动。而页签内容部分使用div承载即可。...
分类:
Web程序 时间:
2015-07-29 22:39:49
阅读次数:
199
简洁的代码实现选项卡切换效果:
无标题文档
*{margin:0;padding:0}
.notice{
height:98px;
width:298px;
border:1px solid #eee;
overflow:hidden;
}
.notice-tit{
height:27px;
position:relative;
}
.notice-tit ul...
分类:
其他好文 时间:
2015-07-29 21:28:42
阅读次数:
134
访问子结点childNodes访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性。语法:elementNode.childNodes注意:如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。我们来看看下面的代码:运行结果:IE: UL子节点个....
分类:
编程语言 时间:
2015-07-28 20:49:03
阅读次数:
115
scrollIntoView方法有两个参数 布尔值 true 和 false 使用true或者空会让调用这个方法的元素和浏览器顶部对齐 出现在可视区,使用参数false 也会出现可视区,但是不会和顶部对齐,它会和顶部有一段的距离。
调用方法:
document.getElementsByTagName("ul")[0].scrollIntoView(true);
ul就会出现在可视区,省去...
ul、li列表简单实用代码实例:利用ul和li可以实现列表效果,下面就是一个简单的演示。代码如下:蚂蚁部落 前端专区 js教程 css教程 jquery教程 资源专区 特效下载 移动下载 pc下载 ...
分类:
其他好文 时间:
2015-07-28 06:40:01
阅读次数:
96
.dropdown——设置父元素为下拉菜单组件,向下弹出子菜单;
.dropup——设置父元素为下拉菜单组件,向上弹出子菜单;
.dropdown-toggle——设置按钮为下拉菜单切换按钮;
.dropdown-menu——设置ul元素为下拉菜单;
.dropdown-menu-right——将菜单右对齐;
.pull-right——将菜单组件的父元素右对齐;
.dropdown-h...
分类:
其他好文 时间:
2015-07-28 00:54:21
阅读次数:
157
demo地址效果图在别人网站上看到一个立体旋转的例子,然后突然想到自己前几天学习的css3旋转,就试着做了一个例子,看起来有一些粗糙。html结构很简单: 1 2 3 4 5 6 核心是一个ul,li列表,其中6个li...
分类:
Web程序 时间:
2015-07-28 00:22:05
阅读次数:
245
原理; 利用列表ul特性进行float浮动 有必要说一下操作原理。为了一致性,如图表格是由红色部分组成,就是说单元格其他的部分是0px,这样就排除了边框重叠的现象。最后,右边框和上边框缺失,定义一个大div补上。这样就完成了一个1px边框的细线表格。具体样式可以定义单元格的宽度来决定。打开d...
分类:
其他好文 时间:
2015-07-27 07:03:28
阅读次数:
117
浏览器差异 1、ul和ol列表缩进问题 消除ul、ol等列表的缩进时,样式应写成:list-style:none;margin:0px;padding:0px; 其中margin属性对IE有效,padding属性对FireFox有效。 [注]经验证,在IE中,设置margin:0px可以去除列表的上...
分类:
其他好文 时间:
2015-07-27 00:17:43
阅读次数:
98