摘要:
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 阅读全文