春雨_Yang - 博客园

良好的 CSS命名习惯

摘要：常用的CSS命名规则：商　标： label标　题： title主导航： mainbav（globalnav）顶导航： topnav边导航： sidebar左导航： leftsidebar右导航： rightsidebar旗　志： logo标　语： banner菜单内容1： menu1 content菜单容量：　menu container子菜单： submenu边导航图标：sidebarIcon注释： note面包屑： breadcrumb(即页面所处位置导航提示）容器： container内容： content搜索： search登陆： Login功... 阅读全文

posted @ 2013-06-04 16:21 春雨_Yang 阅读(163) 评论(0) 推荐(0) 编辑

globe(晶晶给的)

摘要： @charset "utf-8";/* CSS Document */*{ padding:0; margin:0;}html{ font:12px/18px "宋体"; color:#333; background:url(../images/bj.jpg) repeat-x left top #FFF;}/*字体为12px,行高为18px(上边距为3，下边距为3。12+6=18);晶晶语录（12px就是18;14就是20）*/body{ width:980px; margin:0 auto;}ul,li{ list-style:none;}a{ fo 阅读全文

posted @ 2012-07-23 10:55 春雨_Yang 阅读(166) 评论(0) 推荐(0) 编辑

css自动换行

摘要： <divstyle="width:100px;height:50px;overflow:hidden;border:1pxsolid#555;word-wrap:break-word;word-break:break-all;">ddddddddddddddddddddddddddddddddddddddddddd</div> 阅读全文

posted @ 2012-07-18 11:55 春雨_Yang 阅读(120) 评论(0) 推荐(0) 编辑

用一个方法可以找到属性的值（不管是在行内样式、外链样式、内联样式里的属性值都能找到）

摘要：用一个方法可以找到属性的值（不管是在行内样式、外链样式、内联样式里的属性值都能找到）；function(ele,attr){ //ele元素，attr 属性return ele.currentStyle?ele.currentStyle[attr]:getComputedStyle(ele,false)[attr] //ie和标准浏览器判断//不识别复合样式，只读的不能设置} 阅读全文

posted @ 2012-04-10 17:27 春雨_Yang 阅读(269) 评论(0) 推荐(0) 编辑

cssreset

摘要： <style type="text/css">body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin: 0px; padding: 0px; font-size: 12px; font-weight: normal; } ul { list-style: none; } img { border-style: none; } /*清除浮动，给浮动的父亲加样式*/.cf {zoom:1}.cf:after {clear:both;content:".";display 阅读全文

posted @ 2012-04-05 10:25 春雨_Yang 阅读(209) 评论(0) 推荐(0) 编辑

让FF出现滚动条CSS样式

摘要： html{ overflow:-moz-scrollbars-vertical} 阅读全文

posted @ 2012-03-27 15:58 春雨_Yang 阅读(257) 评论(0) 推荐(0) 编辑

js拖拽

摘要： <!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2012-03-19 17:35 春雨_Yang 阅读(220) 评论(0) 推荐(0) 编辑

window.setimeout里带参数时。

摘要： window.setTimeout(fn,30)//如果这里的fn带参数解决办法：function(){fn(参数)} 第二种解决办法'fn('+参数+')',30 阅读全文

posted @ 2012-03-02 16:49 春雨_Yang 阅读(341) 评论(0) 推荐(0) 编辑

正则表达式中的$1的使用方法

摘要： <script type="text/javascript"> //正则表达式中的$1的使用方法，在replice中$1不需要加RegExp，但是$1需加引号。var str1='120' var str2='120pt' var str3='120px' var reg=/^(\d+)(pt|px|em)?/ alert(reg.exec(str3))//整个正则表达式反回的结果。 alert(RegExp.$1)//返回正则中第一个子表达式的结果。 alert(RegExp.$2)//返回正则中第二个子表达式的阅读全文

posted @ 2012-03-01 10:30 春雨_Yang 阅读(4966) 评论(0) 推荐(0) 编辑

witch(): 括号中的参数是延长作用域链的

摘要： <body><div id="div1">123</div></body></html><script type="text/javascript">//witch(): 括号中的参数是延长作用域链的var oDiv=document.getElementById("div1")function fn(ele){ with(ele){ alert(innerHTML); //如果要不使用with那只能写成alert(ele.innerHTML) }}fn(oDiv 阅读全文

posted @ 2012-02-28 14:11 春雨_Yang 阅读(238) 评论(0) 推荐(0) 编辑

导航

公告