前端开发中一些常用技巧总结（2）
作者：gollum 发布时间：2010-07-18 13:13:00
标签：前端开发,技巧
7、空div在IE(FF中没有)是有默认高度的，可以用定义：
div { witdh:100％; background:#9c0; ling-height:0}
的方式去掉默认高度；
8、在使用table标签时应该尽可能的利用它本身的属性，最大限度的分离结构与样式.详细解读: http://mrthink.net/csshtml-colgroup-col-style/ ；
9、充分利用表单中label标签提升用户体验；这一点对于页面中那些小的选项框,以及对残障人士阅读网站都有好处，细节是用户体验的第一步；
10、fieldset，legend标签，鲜为人知，却很实用的一组标签；它可以很明了的把一组元素框起来，主要用于表单；
11、optgroup标签，鲜为人知，它对提升选择表单用户体验很有帮助。作用？ 就是可以在有很多选项时，对这些选项分组：
<select id="selectId">
<optgroup label="GROUP ONE">
<option value="1">one select</option>
<option value="2">two select</option>
</optgroup>
<optgroup label="GROUP TWO">
<option value="3">three select</option>
<option value="4">four select</option>
</optgroup>
</select>
效果演示：
运行代码框
12、表单都要加name值，name值是一个标示，不同于id，据我所发现,若是未定义name值，非IE浏览器下是无法通过document.formid获取到表单元素的。请看如下代码及注释：
<html>
<head>
<script>
window.onload=function(){
alert(document.mrform.length); //所有浏览器均会弹出表单元素长度
alert(document.thinkform.length); //仅IE会弹出该表单元素长度
}
</script>
</head>
<body>
<form name="mrform" id="thinkform" action="#">
......
</form>
</body>
</html>
0
投稿猜你喜欢
- js function定义函数的4种方法1.最基本的作为一个本本分分的函数声明使用。 复制代码代码如下: function func(){}
- 嗯，开场先胡扯几句不相关地感言。最近的工作让我有了很多实践的机会，同时也让我收获颇丰。在群里聊天的时候也提到过，所有的学习过程，最好是理论－
- 一.python读取txt文件最简单的open函数：# -*- coding: utf-8 -*-with open("test.
这篇文章主要讲TensorFlow中的Session的用法以及Variable。Session会话控制Session是TensorFlow为- 本文实例为大家分享了wxPython整点报时的具体代码，供大家参考，具体内容如下# C盘要有个wav文件，内含报时音频import wx &
- 本文实例讲述了JS实现的倒计时效果。分享给大家供大家参考，具体如下：我们经常会看到某些网站在注册的时候喜欢搞个按钮倒计时的效果，就是多少秒之
- 前言本文主要给大家介绍了关于Python3列表方法的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。1 使用[]或
- 前言：创建进程池可以形象地理解为创建一个并行的流水线，只需创建一次流水线的消耗，处理接收到的任务的，不使用进程池。 ，浪费时间。中方本来没有
- 描述replace() 方法把字符串中的 old（旧字符串） 替换成 new(新字符串)，如果指定第三个参数max，则替换不超过 max 次
- 一、前言前几天在Python最强王者群有个叫【dcpeng】的粉丝问了一个关于Pandas中的问题，这里拿出来给大家分享下，一起学习。想问一
- python字符串查找函数的使用打开Python开发工具IDLE，新建‘findstr.py'文件，并写代码如下：s ='/
- 在python中，提到如何计算多维数组和矩阵，那一定会想到numpy。numpy定义了矩阵和数组，为它们提供了相关的运算。size中文解释为
- 本文实例讲述了jQuery实现网页抖动的菜单抖动效果。分享给大家供大家参考。具体如下：这里的jQuery抖动导航菜单效果，兼容IE7/8/9
- 如何在ADO服务器端利用好缓存技术？请看下面示例，这是一个用来显示图书分类的例子程序：displayBooks.asp< ％
- 本文实例讲述了security.js实现的RSA加密功能。分享给大家供大家参考，具体如下：在项目中遇到要对用户输入的密码进行RSA加密的需求
- 前言看到一个很有意思的项目，其实在之前就在百度飞浆等平台上看到类似的实现效果。可以将照片按照视频的表情，动起来。看一下项目给出的效果。项目地
- 函数内部的函数只能在函数内部调用，不能在函数外部调用，通过接下来的学习你将会知道为什么会出现这种情况。一、名称空间名称空间（name spa
- 本文实例为大家分享了php实现ajax图片上传的具体代码，供大家参考，具体内容如下html页面代码<!DOCTYPE html>
- pycharm简介PyCharm是一种Python IDE，带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具，比如调试、语
- 本文为大家分享了virtualenv建立多个Python独立虚拟开发环境，供大家参考，具体内容如下1、安装virtualenv：pip in
