摘要：
待定 size设定为4，可以做字体选择器样式
阅读全文
posted @ 2011-10-19 14:44
鱼叉伍德
阅读(220)
推荐(0)
摘要：
定义clip 属性设置元素的形状。当一幅图像的尺寸大于包含它的元素时会发生什么呢？"clip" 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。继承性：No说明这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大，也可能比内容区小。JavaScript 语法CS...
阅读全文
posted @ 2011-10-19 14:41
鱼叉伍德
阅读(687)
推荐(0)
摘要：
说什么透明层无论滚动与否都满屏显示，其实就是对html和body标签做一番手脚，两者高度100%显示，同时溢出隐藏 （overflow:hidden），然后用一个div高度100%系显示，溢出滚动。而这个透明层就使用绝对定位且与这个div平级，高宽100%显 示，就可以使得无论怎么滚动这个透明覆盖层都是满屏显示的。这其实也就解决IE6下浮动层固定定位的经典方法。
阅读全文
posted @ 2011-10-19 14:40
鱼叉伍德
阅读(175)
推荐(0)
摘要：
#test{overflow:hidden;height:1px;font-size:0;line-height:0;}
阅读全文
posted @ 2011-10-19 14:40
鱼叉伍德
阅读(221)
推荐(0)
摘要：
html{overflow-y:scroll;}
阅读全文
posted @ 2011-10-19 14:39
鱼叉伍德
阅读(202)
推荐(0)
摘要：
<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 >
阅读全文
posted @ 2011-10-19 14:39
鱼叉伍德
阅读(279)
推荐(0)
摘要：
#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...
阅读全文
posted @ 2011-10-19 14:39
鱼叉伍德
阅读(173)
推荐(0)
摘要：
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; 先设置四个边的默认风格，然后声明具体的哪个边要显示。
阅读全文
posted @ 2011-10-19 14:38
鱼叉伍德
阅读(165)
推荐(0)
摘要：
float中文翻译为浮动，很形象的翻译，在CSS很常用，当你需要把两个块级元素定排放在同一高度上经常会用到float，先看一下float的 属性。 先看一下float可能的值： float:left-元素向左浮动 float:right-元素向右浮动 float:none-不浮动 float:inherit-从父类的float属性继承 既然说道浮动，那么就有必要提一下浮动的清理，因为如果一个元素的...
阅读全文
posted @ 2011-10-19 14:38
鱼叉伍德
阅读(337)
推荐(0)
摘要：
这套规范并非单纯的CSS、html或JavaScript命 名规范，它涉及了很多使用PhotoShop这类设计工具进行网页设计过程中的命名规范。(好久没写文章了，有点罗嗦，吼吼~)。首先我是出于公司几位美 工的设计效果图源文件没有对图层命名而开始考虑总结一套的，还有一个原因就是网上大多命名规范都是关于编码的，也就是那些css、html、js和一些服 务器端语言的，至于设计方面的命名规范实在是很少。...
阅读全文
posted @ 2011-10-19 14:37
鱼叉伍德
阅读(298)
推荐(0)
摘要：
标签<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...
阅读全文
posted @ 2011-10-19 14:33
鱼叉伍德
阅读(117)
推荐(0)
摘要：
使用条件性注释来代替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可以忽略
阅读全文
posted @ 2011-10-19 14:33
鱼叉伍德
阅读(136)
推荐(0)
摘要：
1、页面的最小宽度 min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个<div> 放到 <body> 标签下，然后为div指定一个类： <body> <div class="container“> 然后CSS这样设计： #container ...
阅读全文
posted @ 2011-10-19 14:32
鱼叉伍德
阅读(343)
推荐(0)
摘要：
一般向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...
阅读全文
posted @ 2011-10-19 14:32
鱼叉伍德
阅读(248)
推荐(0)
摘要：
给某个div指定多个class，<div class=”classname1空格classname2”></div> <p>标签中不能嵌套div标签 <input><button>尺寸（宽 高）和BG都可以更改，file不行 火狐不支持z-index的负值 表单元素的字体在IE中都不能继承父元素的字体，所以要单独设置。 导航菜单使用图片、flash导航菜单使用图片、flash当然比纯文本来得好看一...
阅读全文
posted @ 2011-10-19 14:31
鱼叉伍德
阅读(164)
推荐(0)
摘要：
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、颜色还是会被浏览器解析，占用资源。3、（尚待取证）慎用 * 通配符。所谓通配符...
阅读全文
posted @ 2011-10-19 14:31
鱼叉伍德
阅读(232)
推荐(0)
摘要：
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 ...
阅读全文
posted @ 2011-10-19 14:31
鱼叉伍德
阅读(578)
推荐(0)
摘要：
#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-...
阅读全文
posted @ 2011-10-19 14:31
鱼叉伍德
阅读(201)
推荐(0)
摘要：
<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...
阅读全文
posted @ 2011-10-19 14:30
鱼叉伍德
阅读(221)
推荐(0)
摘要：
[HTML && CSS]1 Doctype严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 2 行内元素有哪些？块级元素有哪些？画一下CSS的盒模型3 CSS引入的方式有哪些? link和@import的区别是?4 CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？5:前端页面有哪三层构成，分别是什么？作用是什么？ 最准确的网页设计思路是...
阅读全文
posted @ 2011-10-19 14:30
鱼叉伍德
阅读(423)
推荐(0)
摘要：
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...
阅读全文
posted @ 2011-10-19 14:29
鱼叉伍德
阅读(310)
推荐(0)
摘要：
第一种：#父元素{ height:1%; overflow:auto} 第二种：#父元素{ height:30px; overflow:hide} 第三种：同级最后一个元素addClass(‘clear’);.clear{ clear:both} 第四种：父元素addClass(clearfix) .clearfix:after { content: "."; display: block; he...
阅读全文
posted @ 2011-10-19 14:29
鱼叉伍德
阅读(152)
推荐(0)
摘要：
<label for name>对应<input id name> Input type
阅读全文
posted @ 2011-10-19 14:27
鱼叉伍德
阅读(162)
推荐(0)
摘要：
全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px另外120*90，120*60也是小图标的标准尺寸每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K标准网页广告尺寸规格一、120*120，这种广告规格适用于产品或新闻照片展示。二、120*60，这种广告规格主要用于做LOGO使用。三、120*90，主要应用于产品演示或大...
阅读全文
posted @ 2011-10-19 14:27
鱼叉伍德
阅读(1459)
推荐(0)
摘要：
屏幕分辨率 最小768 浏览器工具栏高度 火狐最高180px 系统任务栏高度 win7 80px 页面整体：508px
阅读全文
posted @ 2011-10-19 14:26
鱼叉伍德
阅读(205)
推荐(0)
摘要：
浏览器把过长无空格文本作为一个单词来看待，所以不会换行，解决方法：word-break: break-all /*IE chorm*/ 火狐暂不支持，用hidden基本保证效果吧
阅读全文
posted @ 2011-10-19 14:26
鱼叉伍德
阅读(324)
推荐(0)
摘要：
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...
阅读全文
posted @ 2011-10-19 14:26
鱼叉伍德
阅读(403)
推荐(0)
摘要：
<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大。 <button>比<input>更厉害的地方就在于它可以包含内容。它的值并不是写在value属性里，而是包含在标签中。如：<button>OK</button>。<button>的起始标签和关闭标签都是必须的。这样你便获得了样式化的主导权。 你可以这样写：<button><strong>...
阅读全文
posted @ 2011-10-19 14:24
鱼叉伍德
阅读(207)
推荐(0)
摘要：
1、调试用:alert(1)； 2、确定窗口:confirm()； 示例: 简易版:<script type="text/javascript"> function show_confirm() { var r = confirm("是否删除当前信息!"); } </script> 复杂点的: 3、弹出页面:window.open(pageURL,name,parameters)； 示例: 简...
阅读全文
posted @ 2011-10-19 10:07
鱼叉伍德
阅读(329)
推荐(0)
摘要：
select {background-color:red\0 ; background-color:blue\9\0; /* ie 9*/ *background-color:#dddd00; /* ie 7*/ _background-color:#CDCDCD; /* ie 6*/
阅读全文
posted @ 2011-10-17 14:41
鱼叉伍德
阅读(144)
推荐(0)
posted @ 2011-10-17 14:40
鱼叉伍德
阅读(521)
推荐(0)
摘要：
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
阅读全文
posted @ 2011-10-17 14:39
鱼叉伍德
阅读(699)
推荐(0)
摘要：
.test{height:20px;background-color:orange;}*+html .test{/*IE7*/height:20px;background-color:blue;}*html .test{/*IE6*/height:20px;background-color:black;}
阅读全文
posted @ 2011-10-17 14:38
鱼叉伍德
阅读(195)
推荐(0)
摘要：
<script type="text/javascript">$(function(){$('#tbody > tr').each(function(){$(this).children('td:eq(1)').addClass('yinmiao2');});});</script>
阅读全文
posted @ 2011-10-17 14:23
鱼叉伍德
阅读(297)
推荐(0)
摘要：
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
阅读全文
posted @ 2011-10-17 14:20
鱼叉伍德
阅读(152)
推荐(0)
浙公网安备 33010602011771号