[Web前端] 一些HTML的小技巧日期：2015/11/10 19:41:00点击：924来源：互联网
1。filter:chroma(color:#FFFFFF);让指定的背景色透明2。text-indent:2em; 首行缩进3。background-color: transparent; transparent表示透明色4。border-collapse:collapse; 它会自动把相同的边框线合并5。font:12px/18px;前面代表字体大小，后面代表行高
[Web前端] 连串英文自动换行的方法日期：2015/11/10 19:40:00点击：1009来源：互联网
<table style="TABLE-LAYOUT: fixed" width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#f7f7f7"><tr><td style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...
[Web前端] 外框粗内线细的表格日期：2015/11/10 19:40:00点击：1013来源：互联网
<style type="text/css">td { font-family: Tahoma, Verdana; font-size: 12px; }.table{ background: #6699cc; border: 1px solid #6699cc }</style><table width="400" class="table" cellpadding="4" cellspacing="1" align="center"><tr><td align="center" colspan="2" bgcolor="#ffffff"><b&...
[Web前端] 一些常用的辅助代码日期：2015/11/10 19:40:00点击：1042来源：互联网
点击返回上页代码:<form><p><input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)"></p></form>弹出警告框代码:<form><p><input TYPE="button" VALUE="弹出警告框" ONCLICK="AlertButton()"></p></form><script language="JavaScript"><!--function AlertButton(){...
[Web前端] 网页中插入虚线方法日期：2015/11/10 19:39:00点击：1039来源：互联网
<hr style="border: 1px dotted #FF0000; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px"><style>hr { color:red;border:dashed;}</style><hr><hr style="border:1px dotted #036" /><script>for(i=0;i<300;i++){document.write(".");}</script><hr style="border:1px dashed #000; height:1px">
[Web前端] 网站首页head区代码规范日期：2015/11/10 19:28:00点击：1091来源：互联网
head区是指首页HTML代码的<head>和</head>之间的内容。必须加入的标签1.公司版权注释2.网页显示字符集简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">英语：<META HTTP-EQUIV=&q...
[Web前端] 立体表格日期：2015/11/10 19:28:00点击：925来源：互联网
<tableborder=1 cellspacing=0width=100% bordercolorlight=#333333 bordercolordark=#efefef><tr bgcolor=#cccccc><td>cnbruce</td><td>cnbruce</td><td>cnbruce</td><td>cnbruce</td></tr><tr bgcolor=#cccccc><td>cnbruce</td><td>cnbruce</td><td>cnbruce</td><td>cnbruce</td></tr></ta...
[Web前端] 制作网页中有经常用到的一些代码日期：2015/11/10 19:27:00点击：1206来源：互联网
1. 如何在网页中加入注释◆代码：< !-- 这是注释 -->2. 如何在网页中加入EMAIL链接并显示预定的主题◆代码：< a href="mailto:yourmail@xxx.xxx?Subject=你好">Send Mail< /a>3. 如何制作电子邮件表单◆在<form>中输入Action="youremail@XXX.XXX" ，提交采用POST方法。4. 如何避免别人将你的网页放入他的框架（FRAME）中◆在源代码中的<HEAD>…< /HEAD>之间加入如下代码：<script...
[Web前端] 所有链接都设成_blank简单方法日期：2015/11/10 19:26:00点击：969来源：互联网
在页面<head></head>之间加入<base target=_blank>（XHTML：<base target="_blank" />），就会使该页面所有链接均为新开窗口打开。<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>所有链接均为_blank的方法</title><base target="_blank" /></head><body><p><a href=&quo...
[Web前端] meta 标签之详解日期：2015/11/10 19:26:00点击：1019来源：互联网
meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：<head><meta http-equiv="content-Type" content="text/html; charset=gb2312"></head>也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。一、meta标签的组成meta标签共有两个属性，它们...
[Web前端] 一些常用的特殊字符日期：2015/11/1 19:47:00点击：753来源：互联网
·ˉˇ¨〃々—～‖「」『』〖〗【】±＋－×÷∧∨∑∏∪∩∈√⊥∥∠⌒⊙∫∮≡≌≈∽∝≠≮≯≤≥∞∶∵∴∷♂♀°′″℃＄¤￠￡‰§№☆★〇○●◎◇◆ 回□■△▽⊿▲▼◣◤◢◥▁▂▃▄▅▆▇█▉▊▋▌▍▎▏▓※→←↑↓↖↗↘↙〓ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹ①②③④⑤⑥⑦⑧⑨⑩⒈⒉⒊⒋ ︵︶︹︺︿﹀︽︾﹁﹂﹃﹄︻︼︷︸︴﹏﹋﹌─━│┃┄┅┆┇┈┉┊┋┌┍┎┏┐┑┒┓└┕┖┗┘┙┚┛├┝┞┟┠┡┢┣┤┥┦┧┨┩┪┫┬┭┮┯┰┱┲┳┴┵┶┷┸┹┺┻┼┽┾┿╀╁╂╃╄╅╆╇╈╉╊╋⊕㊣㈱曱甴囍∟┅﹊﹍╭ ╮╰ ╯ _ ^︵^﹕﹗/\ " < > `,·。{}~～() -√ $ @ * & # 卐℡ ぁ〝〞ミ灬№＊ㄨ≮≯﹢﹣／∝≌∽≦≧≒﹤﹥じぷ┗┛￥￡§я-―‥…‰′″℅℉№℡∕∝∣═║╒╓╔╕╖╗╘╙╚╛╜╝╞╟╠╡╢╣╤╥╦╧╨╩╪╫╬╱╲╳▔▕〆〒〡...
[Web前端] 特殊符号的正确名称日期：2015/11/1 19:47:00点击：971来源：互联网
‵ back quote’ apostrophe～ tilde（唸 /'tildi/）＠ at＃ hash^ caret, circumflex／ slash＼ backslash＆ ampersand＊ asterisk＿ underscore－ hyphen（）parenthesis (眾：parentheses)〔〕brackets｛｝braces｜ pipe
[Web前端] 如何控制图片大小,实现等比缩放日期：2015/11/1 19:45:00点击：990来源：互联网
<script language="JavaScript"><!--var flag=false;function DrawImage(ImgD){var image=new Image();image.src=ImgD.src;if(image.width>0 && image.height>0){flag=true;if(image.width/image.height>= 164/112){if(image.width>164){ImgD.width=164;ImgD.height=(image.height*164)/image.width;}else{ImgD.width=image.width;ImgD.height=image.height;}ImgD.alt=image.width+"...
[Web前端] 如何让网页不能被保存! 日期：2015/11/1 19:43:00点击：987来源：互联网
在页面任何地方加入:<noscript><iframe src="*.htm"></iframe></noscript>这样之后要保存页面就会跳出一个alert窗口说无法保存页面.呵呵.
[Web前端] 水平导航菜单日期：2015/11/1 19:42:00点击：969来源：互联网
<style type="text/css">#nav{height: 44px;width: 425px;background: #FFF;}.vline{background: #999;width: 1px;height: 20px;}#nav ul{margin:0px;padding: 0px;list-style-type: none;}#nav li{float: left;font-family: Arial;font-weight: bold;font-size: 12px;text-align: center;}#nav li a{display: block;width: 84px;line-height: 28px;color: #666;text-decoration: none;border-top: 4px solid #0F...
[Web前端] Focus效果的提交信息表单日期：2015/11/1 19:42:00点击：1042来源：互联网
<script>function suckerfish(type, tag, parentId) {if (window.attachEvent) {window.attachEvent("onload", function() {var sfEls = (parentId==null)?document.getElementsByTagName(tag):document.getElementById(parentId).getElementsByTagName(tag);type(sfEls);});}}sfFocus = function(sfEls) {for (var i=0; i<sfEls.length; i++) {sfEls.onfocus=function() {this.className+=" sffocus&quo...
[Web前端] 解决表单元素的前后块空白问题日期：2015/11/1 19:41:00点击：771来源：互联网
解决方法：1、将表单的margin属性设为0form {margin: 0px;}2、将表单设置为行内元素form {display:inline;}
[Web前端] 有关图片相关的收集日期：2015/11/1 19:41:00点击：1656来源：互联网
1.掉链接图片的替代图片,如果图片路径无效，将显示出一张默认的图片<img src="no.jpg" onerror="this.src='http://www.cnbruce.com/images/logo.gif'">2.自动缩小大图经常看到一些图片很大，上传后显示会撑满屏幕下面的例子通过检测if(this.width>screen.width-350)then(this.width=screen.width-350)如果该图片的宽度大于“屏幕宽度-350”，则让该图就显示“屏幕宽度-350”这么大小。原图<br>...
[Web前端] 字描边，加上CSS酷背景日期：2015/11/1 19:40:00点击：944来源：互联网
<style type="text/css">body {font:12px "Verdana";filter:alpha(style=1,startY=0,finishY=100,startX=100,finishX=100);background-color:#3366cc;}span {position:absolute;padding:4px;filter:Dropshadow(offx=1,offy=0,color=white)Dropshadow(offx=0,offy=1,color=white)Dropshadow(offx=0,offy=-1,color=white)Dropshadow(offx=-1,offy=0,color=white);}#english {font-size:9px;}</style&g...
[Web前端] CSS+DIV实现的表单效果日期：2015/11/1 19:39:00点击：912来源：互联网
<!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" xml:lang="en"><head><title>demo</title><style type="text/css">body{font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #666;}form{margin...