浮动定位将元素排除在普通流之外，即元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。
为什么需要清除浮动
2024年11月24日
浮动定位将元素排除在普通流之外，即元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。
为什么需要清除浮动
2024年11月24日
清除浮动，新手朋友往往不是很明白。如果不清除浮动对float进行闭合，在FF中往往会出错，网上是有很多文章讲过，我们先用一个非常简洁易用实例开始吧！
给需要闭合的DIV（class为clearfix）加上如下的CSS样式即可：
.clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
2024年11月24日
今天这篇文章给大家介绍3种CSS清除浮动的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
首先，这里就不讲为什么我们要清楚浮动，反正不清除浮动事多多。
下面我就讲3种常用清除浮动的方法，够用了。
1、在浮动元素后面加一个空的div，并为它清除浮动
html代码：
<div class="wrap"> <div class="float">浮动</div> <div class="clear"></div> <div class="nofloat">不想被浮动影响</div></div>2024年11月24日
首先我们通过一张图来解释下元素浮动是什么样的状态。
元素浮动情况
上图的html部分代码为：
html代码
css部分代码为：
css代码
通过上面的图片可以看出，当内部的div设置float后，外部的元素的就会受到以下影响：
2024年11月24日
html5实现全选按钮，及统计所选择商品的总价并输出
现有一个商品选择列表（复选框），HTML代码及效果如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div>商品列表</div>
<input type="checkbox" name="item" value="3000" />笔记本电脑<br/>
<input type="checkbox" name="item" value="3000" />笔记本电脑<br/>
<input type="checkbox" name="item" value="3000" />笔记本电脑<br/>
<input type="checkbox" name="all" οnclick="checkAll(this)" />全选<br/>
<input type="button" value="总金额:" οnclick="getSum()" /><span id="sumid"></span>
</body>
</html>2024年11月24日
Layui是一个非常好的开源开发框架。内置了很多丰富的功能，但是也有一些功能还是需要我们自己来写的。
比如，在进行表单验证的时候，有时会要求在一开始不对checkbox或radio设置任何状态，也就是说它们的默认状态是未选中，但是又需要我们在提交表单时去验证它们是否被选中，可是Layui又没有提供这一功能，那么我们该怎么办呢？
这时，我们只需要扩展一下，自定义验证来实现这一需求。
话不多说，上代码：
2024年11月24日
使用table布局和表单元素编写一个注册页面
1)注册页面
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>注册登录页面</title>
</head>
<body>
<form action="http://www.bd.com/register.aspx" method="get">
<table cellpadding="5" cellspacing="0" width="380" height="300">
<tr>
<td>用户名:</td>
<td><input name="txtName" /></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" name="txtPwd" /></td>
</tr>
<tr>
<td>选择省:</td>
<td>
<select name="SS">
<option value="HN" selected="selected">河南</option>
<option value="HB">河北</option>
</select>
</td>
</tr>
<tr>
<td>性 别:</td>
<td><input type="radio" name="rd" value="1" />男<input type="radio" name="rd" value="0" />女</td>
</tr>
<tr>
<td colspan="2">
<fieldset>
<legend>兴趣爱好</legend>
<input name="interest" type="checkbox" value="ppq" />乒乓球
<input name="interest" type="checkbox" checked="checked" value="ts" />跳水
<input name="interest" type="checkbox" value="pq" />排球
</fieldset>
</td>
</tr>
<tr>
<td colspan="2" align="middle">
<h3>注册免责协议</h3>
<textarea cols="50" rows="3" readonly="readonly"> **提醒您：在使用**搜索引擎（以下简称**）前，请您务必仔细阅读并透彻理解本声明。您可以选择不使用**，但如果您使用**，您的使用行为将被视为对本声明全部内容的认可。
鉴于**以非人工检索方式、根据您键入的关键字自动生成到第三方网页的链接，除**注明之服务条款外，其他一切因使用**而可能遭致的意外、疏忽、侵权及其造成的损失（包括因下载被搜索链接到的第三方网站内容而感染电脑病毒），**对其概不负责，亦不承担任何法律责任。
任何通过使用**而搜索链接到的第三方网页均系他人制作或提供，您可能从该第三方网页上获得资讯及享用服务，**对其合法性概不负责，亦不承担任何法律责任。
**搜索结果根据您键入的关键字自动搜索获得并生成，不代表**赞成被搜索链接到的第三方网页上的内容或立场。
您应该对使用搜索引擎的结果自行承担风险。**不做任何形式的保证：不保证搜索结果满足您的要求，不保证搜索服务不中断，不保证搜索结果的安全性、正确性、及时性、合法性。因网络状况、通讯线路、第三方网站等任何原因而导致您不能正常使用**，**不承担任何法律责任。
</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="middle">
<input type="submit" value="注册" />
<input type="reset" />
</td>
</tr>
</table>
</form>
</body>
</html>2024年11月24日
在上一篇的document.getElementsByName实现复选框的小分享中呢，有的盆友就提出了得用getElementsByTag。其实啊 这两个方法都是可以用的，都可以实现复选框的全选和全不选的功能，但是两者是截然不同的两组方法
前一个getElementsByName是根据标签的name属性来找对象的 它返回的是一组具有相同name属性的一组集合
后一个getElementsByTagName呢是根据标签名称来找对象的 它返回的同样是一组对象，但是这组对象呢是相同的一组标签的对象集合。
2024年11月24日
点击右上方红色按钮关注“web秀”，让你真正秀起来
css的属性是非常的多，如果全靠大脑来记，相信没有几位能够做到，只能通过反复编写，增加熟练度，知道有哪些属性，然后根据编辑器或者浏览器等工具提示，得心应手的完成样式开发。
比如，flex布局。flex的属性justify-content就有12个以上的不同值，必须阅读flexbox的完整指南，才能了解他们各自的作用，但是文档就有几页内容，看起来非常的枯燥乏味。