摘要：
1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号")... 阅读全文
摘要：
jQuery：收集一些基于jQuery框架开发的控件/jquery插件。 Horizontal accordion: jQuery基于jQuery开发，非常简单的水平方向折叠控件。主页:http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html (无法找到)下载:http://letm... 阅读全文
摘要：
在职：Rich Dellinger：原Palm主设计师，现苹果资深UI设计 http://www.richd.com/Louie Mantia：原Iconfactory设计师 http://www.mantia.me/Bob Baxley：Apple Online Store设计主管 http://www.baxleydesign.com/Level Studios：苹果的第三方设计公司 le... 阅读全文
摘要：
http://webdesignerwall.com/tutorials/the-basics-of-css3 阅读全文
摘要：
实验室上个月来了个古怪的本科生师妹，本来我对X大土著mm还是很有好感的，但是这 个师妹实在是让我头疼不已。 刚开始的时候她什么都不会，导师让我带着她做实验。当时我觉得X大本科女生应该是 很厉害的，我都有种敬畏的心理，然后我就带着她，教她一切实验包括细节，然后有什 么不懂的尽全力给她讲解。她好像也学得很快，差不多三周的样子就上手了，本来我以 为这下她应该能独立了，可是她一独立做就做得乱七八糟，好像突... 阅读全文
摘要：
待定 size设定为4，可以做字体选择器样式 阅读全文
摘要：
定义clip 属性设置元素的形状。当一幅图像的尺寸大于包含它的元素时会发生什么呢？"clip" 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。继承性：No说明这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大，也可能比内容区小。JavaScript 语法CS... 阅读全文
摘要：
说什么透明层无论滚动与否都满屏显示，其实就是对html和body标签做一番手脚，两者高度100%显示，同时溢出隐藏 （overflow:hidden），然后用一个div高度100%系显示，溢出滚动。而这个透明层就使用绝对定位且与这个div平级，高宽100%显 示，就可以使得无论怎么滚动这个透明覆盖层都是满屏显示的。这其实也就解决IE6下浮动层固定定位的经典方法。 阅读全文
摘要：
#test{overflow:hidden;height:1px;font-size:0;line-height:0;} 阅读全文
摘要：
html{overflow-y:scroll;} 阅读全文
摘要：
<div id="wrap"> <div id="main" class="clearfix"> <div id="content"> </div> <div id="side"> </div> </div> </div> <div id="footer"> </div> html, body, #wrap {height: 100%;} body > 阅读全文
摘要：
#boder_arrow{ border-width:20px;border-color:#ff6699 #ff3366 #cc0066 #990033;border-style:solid;width:0;height:0;line-height:0; } 一般用em、b、或者strong标签取代div .tra{width:10px; height:10px; border:10px soli... 阅读全文
摘要：
font:italic small-caps bold 1em/150% 宋体, Arial, sans-serif; background: url(logo.png) no-repeat top center; border:1px solid #000;border-width:0 1px 1px 0; 先设置四个边的默认风格，然后声明具体的哪个边要显示。 阅读全文
摘要：
float中文翻译为浮动，很形象的翻译，在CSS很常用，当你需要把两个块级元素定排放在同一高度上经常会用到float，先看一下float的 属性。 先看一下float可能的值： float:left-元素向左浮动 float:right-元素向右浮动 float:none-不浮动 float:inherit-从父类的float属性继承 既然说道浮动，那么就有必要提一下浮动的清理，因为如果一个元素的... 阅读全文
摘要：
这套规范并非单纯的CSS、html或JavaScript命 名规范，它涉及了很多使用PhotoShop这类设计工具进行网页设计过程中的命名规范。(好久没写文章了，有点罗嗦，吼吼~)。首先我是出于公司几位美 工的设计效果图源文件没有对图层命名而开始考虑总结一套的，还有一个原因就是网上大多命名规范都是关于编码的，也就是那些css、html、js和一些服 务器端语言的，至于设计方面的命名规范实在是很少。... 阅读全文
摘要：
使用条件性注释来代替hack <!–[if IE 6]> <link rel=”stylesheet” type=”text/css” href=”ie6.css” mce_href=”ie6.css”> <![endif]–> mce_href=”ie6.css”是个Mce编辑器，wordpress后台使用的就是这个编辑器，好像是对SEO有点作用。不是wordpress可以忽略 阅读全文
摘要：
标签<fieldset> <legend>Dascom News</legend> <ul> <li>Last Amish shooting victim to be released from hospital</li> <li>Last Amish shooting victim to be released from hospital</li> <li>Last Amish shooting... 阅读全文
摘要：
一般向UL列表 #nav { margin:100px; list-style:none; } #nav li { float:left; } #nav li a { padding:10px 20px; background:#000; color:#fff; text-decoration:none; text-transform:capitalize; display:block; } #n... 阅读全文
摘要：
1、页面的最小宽度 min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个<div> 放到 <body> 标签下，然后为div指定一个类： <body> <div class="container“> 然后CSS这样设计： #container ... 阅读全文
摘要：
#nav li { float:left; position:relative;} #nav li dl { width:160px; background:#333; display:none; position:absolute; top:34px; left:0; } #nav li dl dd a { font-family:Verdana, Arial, Helvetica, sans-... 阅读全文
摘要：
1、在不同的页面为<body>标签添加一个id。比如首页是<body id=”home”>,赛事报道页面则是<body id=”report”>,以此类推。然后就可以使用CSS专门针对不同的body id值设置CSS样式了。我的样式是这样的(已缩减): #home .nav_home a:link,#report .nav_report a:link {background-position:0 ... 阅读全文
摘要：
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。3、（尚待取证）慎用 * 通配符。所谓通配符... 阅读全文
摘要：
给某个div指定多个class，<div class=”classname1空格classname2”></div> <p>标签中不能嵌套div标签 <input><button>尺寸（宽 高）和BG都可以更改，file不行 火狐不支持z-index的负值 表单元素的字体在IE中都不能继承父元素的字体，所以要单独设置。 导航菜单使用图片、flash导航菜单使用图片、flash当然比纯文本来得好看一... 阅读全文
摘要：
[HTML && CSS]1 Doctype严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 2 行内元素有哪些？块级元素有哪些？画一下CSS的盒模型3 CSS引入的方式有哪些? link和@import的区别是?4 CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？5:前端页面有哪三层构成，分别是什么？作用是什么？ 最准确的网页设计思路是... 阅读全文
摘要：
<li><a href="#" class="tra">home</a></li> #nav li a{ display:block; height:30px; line-height:30px; float:left; padding:0 30px; background:#CCFF33;} A标记可以有background #nav li a:hover{ background:#CCCCFF... 阅读全文
摘要：
第一种：#父元素{ height:1%; overflow:auto} 第二种：#父元素{ height:30px; overflow:hide} 第三种：同级最后一个元素addClass(‘clear’);.clear{ clear:both} 第四种：父元素addClass(clearfix) .clearfix:after { content: "."; display: block; he... 阅读全文
摘要：
IE下的解决办法 .uicss-cn { height:580px;overflow-y:scroll; scrollbar-face-color:#EAEAEA; scrollbar-shadow-color:#EAEAEA; scrollbar-highlight-color:#EAEAEA; scrollbar-3dlight-color:#EAEAEA; scrollbar-darksha... 阅读全文
摘要：
全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px另外120*90，120*60也是小图标的标准尺寸每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K标准网页广告尺寸规格一、120*120，这种广告规格适用于产品或新闻照片展示。二、120*60，这种广告规格主要用于做LOGO使用。三、120*90，主要应用于产品演示或大... 阅读全文
摘要：
<label for name>对应<input id name> Input type 阅读全文
摘要：
屏幕分辨率 最小768 浏览器工具栏高度 火狐最高180px 系统任务栏高度 win7 80px 页面整体：508px 阅读全文
摘要：
浏览器把过长无空格文本作为一个单词来看待，所以不会换行，解决方法：word-break: break-all /*IE chorm*/ 火狐暂不支持，用hidden基本保证效果吧 阅读全文
摘要：
Html写法： <form id="search" class="search" > <input type="text" id="search_box" class="search_box" value="search MSDN resources..." onfocus="if(this.value='search MSDN resources...')this.value=''" onblu... 阅读全文
摘要：
<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。 <button>比<input>更厉害的地方就在于它可以包含内容。它的值并不是写在value属性里，而是包含在标签中。如：<button>OK</button>。<button>的起始标签和关闭标签都是必须的。这样你便获得了样式化的主导权。 你可以这样写：<button><strong>... 阅读全文
摘要：
1、调试用:alert(1)； 2、确定窗口:confirm()； 示例: 简易版:<script type="text/javascript"> function show_confirm() { var r = confirm("是否删除当前信息!"); } </script> 复杂点的: 3、弹出页面:window.open(pageURL,name,parameters)； 示例: 简... 阅读全文
摘要：
select {background-color:red\0 ; background-color:blue\9\0; /* ie 9*/ *background-color:#dddd00; /* ie 7*/ _background-color:#CDCDCD; /* ie 6*/ 阅读全文
摘要：
mstsc /admin 阅读全文
摘要：
RowspanColspan<table><colgroup><col /><col class="alternate" /><col /></colgroup><tr><td>This</td><td>That</td><td>The other</td></tr><tr><td>Ladybird</td><td>Locust</td><td 阅读全文
摘要：
.test{height:20px;background-color:orange;}*+html .test{/*IE7*/height:20px;background-color:blue;}*html .test{/*IE6*/height:20px;background-color:black;} 阅读全文
摘要：
<script type="text/javascript">$(function(){$('#tbody > tr').each(function(){$(this).children('td:eq(1)').addClass('yinmiao2');});});</script> 阅读全文
摘要：
html{height:100%;overflow:auto;}body{margin:0;padding:0;position:relative;height:auto !important;height:100%;min-height:100%;text-align:center;}#footer{position:absolute;width:100%;clear:both;height:50px;border-bottom:1px solid red;border-top:1px solid #333;margin-top:20px;bottom:0;left:0; backgroun 阅读全文